.auth-bg{background:linear-gradient(160deg,#7eacef,#4a90e2 45%,#94b9ff);min-height:100vh}@keyframes floatUp{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.auth-card{animation:fadeInUp .6s ease-out both;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);box-shadow:0 24px 60px #7eacef40,0 4px 16px #00000014;border-radius:45px}.illus-wrap{animation:floatUp 4s ease-in-out infinite}.auth-input{transition:all .3s ease;background:#f0f6ff;border:2px solid transparent;padding:14px 20px 14px 48px;border-radius:20px;width:100%;font-size:14px;color:#1a1a2e;outline:none}.auth-input:focus{border-color:#7eacef;background:#fff;box-shadow:0 0 0 4px #7eacef1f}.auth-input::placeholder{color:#b0a8c4}.input-wrap{position:relative}.input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#7eacef;width:18px;height:18px}.eye-btn{position:absolute;right:18px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#b0a8c4;padding:0;display:flex;align-items:center;transition:color .2s}.eye-btn:hover{color:#7eacef}.auth-btn{background:linear-gradient(135deg,#7eacef,#4a90e2);color:#fff;border:none;padding:16px;border-radius:20px;font-weight:700;font-size:15px;width:100%;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #7eacef66;letter-spacing:.3px}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #7eacef80}.auth-btn:active{transform:translateY(0)}.remember-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b6b8a;cursor:pointer}.remember-label input[type=checkbox]{accent-color:#7EACEF;width:16px;height:16px}.error-box{background:#fff1f1;border-left:3px solid #ef4444;border-radius:10px;padding:8px 12px;font-size:12px;color:#dc2626;font-weight:500;margin-top:6px}.divider{display:flex;align-items:center;gap:12px;color:#7eacef;opacity:.5;font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#f0f6ff}.brand-dots{display:flex;gap:5px;justify-content:center}.brand-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80}.brand-dot:nth-child(2){background:#fffc;width:8px;height:8px}.success-box{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:16px;padding:12px 16px;font-size:13px;color:#15803d;font-weight:500;margin-bottom:20px;display:flex;align-items:center;gap:10px}.info-box{background:#f0f6ff;border:1.5px solid #d0e1fd;border-radius:16px;padding:12px 16px;font-size:12px;color:#4a90e2;font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:20px}.auth-link{color:#7eacef;font-weight:700;text-decoration:none;transition:color .2s}.auth-link:hover{color:#4a90e2;text-decoration:underline}.back-link{display:inline-flex;align-items:center;gap:8px;color:#7eacef;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s}.back-link:hover{gap:12px;color:#4a90e2}.strength-bar{height:5px;border-radius:5px;background:#e9ecef;margin-top:10px;overflow:hidden}.strength-fill{height:100%;border-radius:5px;transition:all .4s ease;width:0}.strength-text{font-size:11px;margin-top:6px;font-weight:700}.step-pill{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.step-dot{width:30px;height:6px;border-radius:6px;background:#e9ecef;transition:background-color .3s}.step-dot.active{background:#7eacef}