.auth-page{color:#e4e7f0;background:linear-gradient(135deg,#0f1729 0%,#1a1f35 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Inter,system-ui,sans-serif;display:flex;position:relative}.auth-bg{pointer-events:none;z-index:0;position:fixed;inset:0}.auth-glow{filter:blur(100px);opacity:.12;border-radius:50%;position:absolute}.auth-glow.g1{background:#3b82f6;width:500px;height:500px;top:-150px;left:-150px}.auth-glow.g2{background:#10b981;width:400px;height:400px;bottom:-100px;right:-100px}.auth-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.auth-back{z-index:10;color:#9ca3af;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:7px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;position:fixed;top:24px;left:24px}.auth-back:hover{color:#e4e7f0;background:#ffffff17}.auth-card{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f35bf;border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:440px;padding:40px 36px;position:relative;box-shadow:0 24px 80px #00000073}.auth-logo{align-items:center;gap:10px;margin-bottom:28px;font-size:20px;font-weight:800;display:flex}.auth-logo-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 14px #3b82f659}.auth-header{margin-bottom:28px}.auth-header h1{letter-spacing:-.3px;margin:0 0 6px;font-size:26px;font-weight:800}.auth-header p{color:#9ca3af;margin:0;font-size:14px}.auth-tabs{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;gap:0;margin-bottom:28px;padding:4px;display:flex}.auth-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:9px;flex:1;padding:9px;font-size:14px;font-weight:600;transition:all .2s}.auth-tab.active{color:#60a5fa;background:#60a5fa26;border:1px solid #60a5fa4d}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field{flex-direction:column;gap:7px;display:flex}.auth-field label{color:#cbd5e1;font-size:13px;font-weight:600}.auth-input{color:#e4e7f0;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:15px;transition:all .2s}.auth-input::placeholder{color:#4b5563}.auth-input:focus{background:#ffffff14;border-color:#60a5fa80;box-shadow:0 0 0 3px #60a5fa1a}.auth-pass-wrap{position:relative}.auth-pass-wrap .auth-input{padding-right:44px}.auth-eye{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;transition:color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.auth-eye:hover{color:#9ca3af}.auth-error{color:#f87171;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:8px;padding:11px 14px;font-size:13px;display:flex}.auth-error svg{flex-shrink:0}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #3b82f659}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #3b82f680}.auth-submit:disabled{opacity:.65;cursor:not-allowed}.spin{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-switch{text-align:center;color:#6b7280;margin:20px 0 0;font-size:13px}.auth-switch-btn{color:#60a5fa;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;transition:color .2s}.auth-switch-btn:hover{color:#93c5fd}@media (max-width:480px){.auth-card{border-radius:20px;padding:28px 20px}.auth-back{padding:6px 12px;font-size:13px;top:16px;left:16px}}