:root{color-scheme:dark;--ink:#f4efe6;--muted:#b9c0c8;--orange:#f3a147;--panel:rgba(3,13,24,.72)}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#06111c;color:var(--ink)}
.login-page{background-image:linear-gradient(90deg,rgba(2,8,15,.04) 0%,rgba(2,8,15,.15) 42%,rgba(2,8,15,.72) 63%,rgba(2,8,15,.94) 100%),url('/landing-lighthouse.png');background-size:cover;background-position:center;overflow:auto}
.login-shell{min-height:100%;display:flex;justify-content:flex-end;align-items:center;padding:5vh 7vw}
.login-copy{width:min(520px,44vw);padding:34px 26px 30px;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.login-kicker{font-size:.72rem;letter-spacing:.38em;margin:0 0 16px;color:#c7d3dd}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(2.6rem,4vw,4.7rem);line-height:1;margin:0;color:#f5efe5;letter-spacing:.03em}
.login-tagline{margin:28px 0 36px;letter-spacing:.22em;font-size:.78rem;color:#e2e4e7;line-height:1.7}
.login-card{width:min(390px,100%);margin:0 auto;padding:22px;border:1px solid rgba(210,225,238,.18);background:linear-gradient(180deg,rgba(4,17,29,.78),rgba(4,13,24,.66));border-radius:12px;backdrop-filter:blur(5px);box-shadow:0 24px 70px rgba(0,0,0,.25);text-align:left}
.login-card label{display:block;font-size:.68rem;letter-spacing:.16em;color:#b9c5cf;margin:2px 0 7px;text-transform:uppercase}
.login-card input{width:100%;height:50px;margin-bottom:15px;border:1px solid rgba(205,220,232,.2);border-radius:7px;background:rgba(1,9,17,.64);color:#f4f6f7;padding:0 15px;font:inherit;outline:none}
.login-card input:focus{border-color:rgba(243,161,71,.78);box-shadow:0 0 0 3px rgba(243,161,71,.11)}
.login-card button{width:100%;height:52px;border:0;border-radius:7px;background:linear-gradient(90deg,#f6a34b,#f89b3d);color:#111b24;font-weight:650;font-size:.96rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:18px}
.login-card button:disabled{opacity:.65;cursor:wait}
.login-error{min-height:1.2em;margin:12px 2px 0;color:#ffb5a9;font-size:.8rem;line-height:1.4}
.login-notes{display:grid;gap:7px;justify-items:end;margin:38px 6px 0;color:#8997a3;font-size:.58rem;letter-spacing:.32em}
.login-whisper{text-align:right;margin:32px 8px 0;color:#c9c2b8;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:.9rem;line-height:1.6}
@media(max-width:900px){.login-page{background-position:32% center;background-image:linear-gradient(180deg,rgba(2,8,15,.18),rgba(2,8,15,.9) 65%),url('/landing-lighthouse.png')}.login-shell{justify-content:center;align-items:flex-end;padding:44vh 20px 28px}.login-copy{width:min(560px,100%);padding:24px 8px}.login-tagline{letter-spacing:.12em}.login-notes,.login-whisper{display:none}}