:root{--primary-color:#00d4ff;--secondary-color:#6c5ce7;--success-color:#00b894;--danger-color:#e74c3c;--warning-color:#f39c12;--dark-bg:#0a0a0a;--card-bg:#1a1a2e;--card-bg-light:#16213e;--text-primary:#fff;--text-secondary:#a0a0a0;--border-color:#333;--gradient-1:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-2:linear-gradient(135deg,#00d4ff 0%,#6c5ce7 100%);--gradient-3:linear-gradient(135deg,#00b894 0%,#00d4ff 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Poppins',sans-serif;background:var(--dark-bg);color:var(--text-primary);min-height:100vh;line-height:1.6}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at center,#1a1a2e 0%,#0a0a0a 100%);overflow:hidden}.bg-animation::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(0,212,255,.03) 90deg,transparent 180deg);animation:rotate 20s linear infinite}@keyframes rotate {
    100% { transform: rotate(360deg); }
}.container{max-width:1200px;margin:0 auto;padding:0 20px}.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.auth-card{background:var(--card-bg);border-radius:20px;padding:40px;width:100%;max-width:450px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.auth-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-2)}.logo-container{text-align:center;margin-bottom:30px}.logo-container img{max-width:180px;height:auto}.logo-container h1{font-size:28px;font-weight:700;background:var(--gradient-2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:10px}.welcome-text{text-align:center;margin-bottom:30px}.welcome-text .emoji{font-size:32px;margin-bottom:10px}.welcome-text h2{font-size:24px;font-weight:600;margin-bottom:5px}.welcome-text p{color:var(--text-secondary)}.welcome-text .success-message{color:var(--success-color)}.welcome-text .error-message{color:var(--danger-color)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1}.input-group{position:relative}.input-group input,.input-group select{width:100%;padding:15px 20px;background:rgba(255,255,255,.05);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:16px;transition:all .3s ease}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,212,255,.1)}.input-group input::placeholder{color:var(--text-secondary)}.input-group .toggle-password{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px}.input-group .toggle-password:hover{color:var(--primary-color)}.input-group select{cursor:pointer;appearance:none;background-image:url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ width=\'12\'\ height=\'12\'\ viewBox=\'0\ 0\ 12\ 12\'%3E%3Cpath\ fill=\'%23a0a0a0\'\ d=\'M6\ 8L1\ 3h10z\'/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right 15px center}.input-group select option{background:var(--card-bg);color:var(--text-primary)}.phone-input{display:flex;gap:10px}.phone-input select{width:100px;flex-shrink:0}.phone-input input{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary{background:var(--gradient-3);color:#fff;width:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,180,148,.3)}.btn-secondary{background:rgba(255,255,255,.1);color:var(--text-primary)}.btn-secondary:hover{background:rgba(255,255,255,.2)}.btn-danger{background:var(--danger-color);color:#fff}.btn-group{display:flex;gap:15px;margin-top:20px}.btn-group .btn{flex:1}.auth-links{text-align:center;margin-top:25px}.auth-links a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .3s ease}.auth-links a:hover{color:#00b8d4}.section-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.alert{padding:15px 20px;border-radius:10px;margin-bottom:20px;font-weight:500}.alert-success{background:rgba(0,184,148,.1);border:1px solid var(--success-color);color:var(--success-color)}.alert-error{background:rgba(231,76,60,.1);border:1px solid var(--danger-color);color:var(--danger-color)}.alert-warning{background:rgba(243,156,18,.1);border:1px solid var(--warning-color);color:var(--warning-color)}.alert-info{background:rgba(0,212,255,.1);border:1px solid var(--primary-color);color:var(--primary-color)}.auth-card.register-card{max-width:550px}@media (max-width:576px){.auth-card{padding:30px 20px}.form-row{flex-direction:column;gap:0}.btn-group{flex-direction:column}}