:root{--bg:#fff;--text:#1a202c;--muted:#4a5568;--border:#e2e8f0;--hint:#abadb0;--brand:#0a84ff;--brand-strong:#007aff;--brand-contrast:#fff;--surface:#f7fafc;--shadow-sm:0 2px 4px #0000000a;--shadow-md:0 8px 20px #0000000f}*,:after,:before{box-sizing:border-box}@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--text:#e6edf3;--muted:#a9b1bb;--border:#263041;--hint:#95a2b3;--brand:#409cff;--brand-strong:#0a84ff;--brand-contrast:#0b1220;--surface:#0f172a;--shadow-sm:0 2px 8px #0006;--shadow-md:0 12px 28px #00000080}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.main{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:24px}.card,.main{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif}.card{background:#fff;background:var(--bg);border-radius:16px;box-shadow:0 8px 20px #0000000f;box-shadow:var(--shadow-md);color:#1a202c;color:var(--text);margin-inline:auto;max-width:560px;padding:48px 24px;width:100%}.header{align-items:center;display:flex;flex-direction:column;gap:16px}.logo{height:auto;max-width:200px}.title{color:#1a202c;color:var(--text);font-size:clamp(24px,3.2vw,32px);font-weight:750;letter-spacing:-.3px;margin:0;text-align:center}.form{display:flex;flex-direction:column;gap:18px;margin:20px auto 0;max-width:420px}.field,.form{width:100%}.label{color:#4a5568;color:var(--muted);display:block;font-size:14px;margin-bottom:8px}.input,.label{font-weight:600}.input{background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;box-shadow:0 2px 4px #0000000a;box-shadow:var(--shadow-sm);color:#1a202c;color:var(--text);font-family:inherit;font-size:16px;outline:none;padding:14px 16px;transition:border-color .16s ease,box-shadow .16s ease,transform 60ms ease;width:100%}.input::placeholder{color:#abadb0;color:var(--hint)}.input:focus-visible{border-color:color-mix(in oklab,#0a84ff 80%,#e2e8f0);border-color:color-mix(in oklab,var(--brand) 80%,var(--border));box-shadow:0 0 0 3px color-mix(in oklab,#0a84ff 40%,#0000);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 40%,#0000)}.input:hover{border-color:color-mix(in oklab,#0a84ff 80%,#e2e8f0);border-color:color-mix(in oklab,var(--brand) 80%,var(--border))}.hint{color:#000;font-size:13px;margin-top:6px}.button{align-items:center;background:linear-gradient(180deg,color-mix(in oklab,#0a84ff 92%,#fff),#0a84ff);background:linear-gradient(180deg,color-mix(in oklab,var(--brand) 92%,#fff) 0,var(--brand) 100%);border:0;border-radius:12px;box-shadow:0 6px 14px color-mix(in oklab,#0a84ff 25%,#0000);box-shadow:0 6px 14px color-mix(in oklab,var(--brand) 25%,#0000);color:#fff;color:var(--brand-contrast);cursor:pointer;display:inline-flex;font-family:inherit;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:14px 20px;transition:transform 80ms ease,box-shadow .16s ease,filter .16s ease;width:100%}.button:hover{background:linear-gradient(180deg,#007aff,color-mix(in oklab,#0a84ff 86%,#000));background:linear-gradient(180deg,var(--brand-strong) 0,color-mix(in oklab,var(--brand) 86%,#000) 100%);box-shadow:0 12px 22px color-mix(in oklab,#0a84ff 38%,#0000),inset 0 0 0 1px color-mix(in oklab,#007aff 60%,#0000);box-shadow:0 12px 22px color-mix(in oklab,var(--brand) 38%,#0000),0 0 0 1px color-mix(in oklab,var(--brand-strong) 60%,#0000) inset;filter:brightness(1.02) saturate(1.05);transform:translateY(-1px)}.button:active{box-shadow:0 4px 10px color-mix(in oklab,#0a84ff 22%,#0000);box-shadow:0 4px 10px color-mix(in oklab,var(--brand) 22%,#0000);transform:translateY(1px)}.button:focus-visible{box-shadow:0 0 0 4px color-mix(in oklab,#0a84ff 30%,#0000),0 12px 22px color-mix(in oklab,#0a84ff 38%,#0000);box-shadow:0 0 0 4px color-mix(in oklab,var(--brand) 30%,#0000),0 12px 22px color-mix(in oklab,var(--brand) 38%,#0000);outline:none}.note{align-self:center;background:#f7fafc;background:var(--surface);border-left:4px solid #0a84ff;border-left:4px solid var(--brand);border-radius:12px;display:block;margin:48px auto 0;padding:14px 18px;text-align:center;width:min(100%,420px)}.note p{color:#4a5568;color:var(--muted);font-size:14px;line-height:1.5;margin:0}.note strong{color:#1a202c;color:var(--text)}.sr-only{clip:rect(1px,1px,1px,1px);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;width:1px}@media (max-width:599px){.main{margin:12px;padding:0}.card{border-radius:12px;padding:48px 24px}.logo{max-width:160px}.form{gap:14px;max-width:100%}.label{font-size:13px}.input{font-size:17px;padding:14px}.button{font-size:17px;padding:16px 18px}.note{margin-top:32px;margin-inline:auto;width:min(100%,360px)}}@media (min-width:600px) and (max-width:1023px){.card{max-width:640px;padding:40px 24px}.form{max-width:480px}.logo{max-width:200px}.button{padding:16px 22px}}