@font-face{font-family:Overused;src:url("assets/brand/overused-grotesk.woff2") format("woff2");font-display:swap}@font-face{font-family:Averia;src:url("assets/brand/averia-serif-libre-regular.woff2") format("woff2");font-display:swap}@font-face{font-family:Buman;src:url("assets/brand/buman-bold.woff2") format("woff2");font-display:swap}
:root{--night:#182433;--tide:#2f4157;--paper:#f7f5f0;--white:#fff;--ink:#17202b;--muted:#647184;--tech:#c5d939;--tomato:#c53b39;--lavender:#e6e2e4;--display:Overused,Arial,sans-serif;--body:Averia,Georgia,serif;--utility:Buman,Arial,sans-serif;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{min-height:100%;background:var(--night);-webkit-font-smoothing:antialiased}body{min-height:100dvh;margin:0;color:var(--ink);font-family:var(--display)}a{color:inherit}.login-shell{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);min-height:100dvh}.login-brand{position:relative;display:flex;min-height:100dvh;flex-direction:column;justify-content:space-between;padding:clamp(34px,5vw,78px);overflow:hidden;background:var(--night);color:var(--white)}.login-brand::after{position:absolute;right:-14%;bottom:-14%;width:min(48vw,620px);aspect-ratio:1;border:1px solid rgba(255,255,255,.09);border-radius:50%;content:""}.login-logo{display:block;width:190px;height:auto}.login-signal{display:grid;grid-template-columns:12px 1fr 8px;align-items:center;gap:10px;margin:clamp(38px,10vh,110px) 0}.login-signal i,.login-signal b{display:block;border-radius:50%;aspect-ratio:1;background:var(--tech)}.login-signal b{background:var(--tomato)}.login-signal span{height:1px;background:linear-gradient(90deg,var(--tech),rgba(255,255,255,.18) 34%,rgba(255,255,255,.18) 66%,var(--tomato))}.login-brand p,.eyebrow{margin:0;color:var(--tech);font:750 11px/1 var(--display);letter-spacing:.07em;text-transform:uppercase}.login-brand h1{position:relative;z-index:1;max-width:650px;margin:18px 0 0;font-size:clamp(3.4rem,6vw,7.6rem);font-weight:900;line-height:.82;letter-spacing:-.065em;text-transform:uppercase;text-wrap:balance}.powered-by{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.powered-by small{color:#cfd7df;font:750 10px/1 var(--display);letter-spacing:.05em;text-transform:uppercase}.powered-by img{display:block;width:132px;height:auto}.login-panel{display:grid;min-height:100dvh;place-items:center;padding:clamp(28px,7vw,110px);background:var(--paper)}.login-card{width:min(100%,520px);padding:clamp(28px,5vw,54px);border:1px solid rgba(24,36,51,.12);border-radius:26px;background:var(--white);box-shadow:0 2px 5px rgba(24,36,51,.06),0 28px 70px rgba(24,36,51,.13)}.eyebrow{color:#687900}.login-card h2{margin:15px 0 0;font-size:clamp(2.9rem,5vw,5.4rem);font-weight:900;line-height:.84;letter-spacing:-.06em;text-transform:uppercase;text-wrap:balance}.login-intro{margin:22px 0 0;color:var(--muted);font:400 17px/1.55 var(--body);text-wrap:pretty}.login-error{margin:22px 0 0;padding:13px 14px;border-left:4px solid var(--tomato);border-radius:10px;background:#fff0ea;color:#7d2f2e;font:700 14px/1.4 var(--display)}.login-error[hidden]{display:none}form{display:grid;gap:10px;margin-top:28px}label{font:750 12px/1 var(--display);letter-spacing:.035em;text-transform:uppercase}input{width:100%;height:62px;padding:0 18px;border:1px solid rgba(24,36,51,.2);border-radius:13px;outline:none;background:#f1efeb;color:var(--ink);font:800 26px/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:.24em;transition:border-color 160ms var(--ease),box-shadow 160ms var(--ease)}input:focus{border-color:#778b08;box-shadow:0 0 0 4px rgba(197,217,57,.28)}button{display:flex;min-height:56px;align-items:center;justify-content:center;gap:10px;margin-top:8px;padding:0 20px;border:0;border-radius:13px;background:var(--tech);color:var(--night);font:800 15px/1 var(--display);cursor:pointer;box-shadow:0 8px 20px rgba(115,135,7,.17);transition:transform 140ms var(--ease),box-shadow 160ms var(--ease)}button:hover{box-shadow:0 12px 26px rgba(115,135,7,.25);transform:translateY(-1px)}button:active{transform:scale(.97)}button:focus-visible,.back-link:focus-visible{outline:3px solid var(--tomato);outline-offset:3px}.back-link{display:inline-flex;min-height:44px;align-items:center;margin-top:20px;color:var(--muted);font-size:13px;font-weight:750;text-underline-offset:5px}
@media(max-width:820px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:auto;padding:26px 22px 32px}.login-logo{width:138px}.login-signal{margin:34px 0}.login-brand h1{max-width:540px;font-size:clamp(2.9rem,13vw,5.4rem)}.powered-by{margin-top:44px}.login-panel{min-height:auto;padding:26px 16px calc(34px + env(safe-area-inset-bottom))}.login-card{padding:28px 22px;border-radius:22px}.login-card h2{font-size:clamp(2.8rem,14vw,4.5rem)}}
@media(prefers-reduced-motion:reduce){input,button{transition:none!important;transform:none!important}}