*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea;color:#fff}.form-group{margin-bottom:20px}.form-label{color:#e0e0e0;display:block;font-weight:600;margin-bottom:8px}.form-input{background:#1a1a1a;border:2px solid #333;border-radius:8px;color:#fff;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#667eea;outline:none}.card{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 4px 20px #0000004d;padding:24px}.loading{align-items:center;display:flex;justify-content:center;padding:40px}.spinner{animation:spin 1s linear infinite;border:4px solid #333;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;color:#ff6b6b}.error,.success{margin-bottom:20px;padding:12px}.success{background:#4ecdc41a;border:1px solid #4ecdc44d;border-radius:8px;color:#4ecdc4}