.login-page{--cc-blue:#06f;--cc-teal:#00c9a7;--cc-navy:#050b1a;--cc-navy-2:#0d1f3c;--cc-muted:#94a3b8;--cc-border:hsla(0,0%,100%,.12);--cc-radius:12px;--cc-error:#fca5a5;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;background:linear-gradient(145deg,var(--cc-navy) 0,var(--cc-navy-2) 55%,#0a1628 100%);color:#f8fafc;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 20% 20%,rgba(0,102,255,.15),transparent),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(0,201,167,.08),transparent);pointer-events:none}.login-page-inner{position:relative;z-index:1;width:100%;max-width:420px}.login-logo{display:inline-flex;align-items:center;gap:0;font-size:1.375rem;font-weight:800;letter-spacing:-.02em;color:#fff;text-decoration:none;margin-bottom:32px}.login-logo span{color:var(--cc-blue)}.login-logo:focus-visible{outline:2px solid var(--cc-blue);outline-offset:4px;border-radius:4px}.login-card{background:rgba(13,31,60,.85);backdrop-filter:blur(20px);border:1px solid var(--cc-border);border-radius:var(--cc-radius);padding:32px 28px;box-shadow:0 16px 48px rgba(0,0,0,.35)}@media (max-width:480px){.login-card{padding:24px 20px}}.login-heading{margin:0 0 6px;font-size:1.5rem;font-weight:700;line-height:1.25;color:#fff}.login-subheading{margin:0 0 28px;font-size:.9375rem;color:var(--cc-muted);line-height:1.5}.login-form{gap:20px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:6px}.login-label{font-size:.875rem;font-weight:600;color:#e2e8f0}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input{width:100%;padding:12px 14px;font-size:1rem;color:#f8fafc;background:rgba(5,11,26,.6);border:1px solid var(--cc-border);border-radius:8px;transition:border-color .15s,box-shadow .15s}.login-input::-moz-placeholder{color:#64748b}.login-input::placeholder{color:#64748b}.login-input:focus{outline:none;border-color:var(--cc-blue);box-shadow:0 0 0 3px rgba(0,102,255,.25)}.login-input[aria-invalid=true]{border-color:#ef4444}.login-input-password{padding-right:44px}.login-toggle-password{position:absolute;right:4px;top:50%;transform:translateY(-50%);padding:8px 10px;background:none;border:none;color:var(--cc-muted);font-size:.8125rem;font-weight:600;cursor:pointer;border-radius:6px}.login-toggle-password:hover{color:#e2e8f0}.login-toggle-password:focus-visible{outline:2px solid var(--cc-blue);outline-offset:1px}.login-field-error{margin:0;font-size:.8125rem;color:var(--cc-error)}.login-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.login-remember{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:#cbd5e1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.login-remember input{width:16px;height:16px;accent-color:var(--cc-blue);cursor:pointer}.login-forgot{font-size:.875rem;font-weight:600;color:var(--cc-blue);text-decoration:none}.login-forgot:hover{text-decoration:underline;color:#3385ff}.login-forgot:focus-visible{outline:2px solid var(--cc-blue);outline-offset:2px;border-radius:2px}.login-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 20px;font-size:1rem;font-weight:700;color:#fff;background:var(--cc-blue);border:none;border-radius:10px;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 4px 16px rgba(0,102,255,.35)}.login-submit:hover:not(:disabled){background:#05d;transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,102,255,.45)}.login-submit:focus-visible{outline:2px solid #fff;outline-offset:2px}.login-submit:disabled{opacity:.75;cursor:not-allowed;transform:none}.login-spinner{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.35);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(1turn)}}.login-banner{margin:0;padding:12px 14px;font-size:.875rem;line-height:1.45;color:var(--cc-error);background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);border-radius:8px}.login-back{display:inline-block;margin-top:28px;font-size:.875rem;color:var(--cc-muted);text-decoration:none}.login-back:hover{color:#e2e8f0}.login-back:focus-visible{outline:2px solid var(--cc-blue);outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion:reduce){.login-submit:hover:not(:disabled){transform:none}.login-spinner{animation-duration:1.2s}}