:root{--ink:#142a33;--deep:#0b2028;--panel:#1d3a44;--paper:#eee5cd;--mist:#aec4bf;--coral:#ed6548;--gold:#f2b84b;--line:#75918d;--mono:"SFMono-Regular",Consolas,monospace;--sans:"Avenir Next",Avenir,"Helvetica Neue",sans-serif;--serif:Iowan Old Style,Georgia,serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--paper);background:var(--ink);font-family:var(--sans)}button,input{font:inherit}.gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 15%,#31525a 0,transparent 34%),linear-gradient(135deg,var(--deep),var(--ink) 58%,#203e47)}.folio{width:min(760px,100%);min-height:440px;display:grid;grid-template-columns:38% 62%;overflow:hidden;border:1px solid #b8cbc73d;box-shadow:0 30px 90px #020b0e99}.plate{position:relative;display:flex;align-items:flex-end;padding:28px;color:var(--ink);background:var(--gold);overflow:hidden}.plate:before{content:"";position:absolute;width:310px;height:310px;left:-130px;top:-95px;border:58px solid #142a3317;border-radius:50%}.plate span{position:relative;font:700 9px/1 var(--mono);letter-spacing:.18em;writing-mode:vertical-rl}.plate strong{position:absolute;right:-18px;top:34px;font:400 210px/.7 var(--serif);color:#142a3324}.plate i{position:absolute;right:24px;bottom:29px;width:62px;height:1px;background:var(--ink)}.entry{display:flex;flex-direction:column;justify-content:center;padding:58px;background:var(--panel)}.eyebrow{margin:0 0 20px;color:var(--mist);font:600 9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}h1{margin:0;color:#fff;font:400 clamp(42px,7vw,70px)/.9 var(--serif);letter-spacing:-.035em}h1 em{color:var(--mist);font-weight:400}.intro{max-width:410px;margin:28px 0 34px;color:var(--mist);font-size:13px;line-height:1.6}form label{display:block;margin-bottom:8px;color:var(--mist);font:600 8px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.passcode-row{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--line)}input{min-width:0;padding:12px 0;color:#fff;background:transparent;border:0;outline:0;font-size:20px;letter-spacing:.12em}button{padding:0 19px;color:var(--ink);background:var(--coral);border:0;font:700 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}button:disabled{opacity:.55}input:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#login-error{margin:10px 0 0;color:#ffc0b5;font:600 9px/1.4 var(--mono)}.entry small{margin-top:30px;color:#78938f;font:8px/1.4 var(--mono)}@media(max-width:620px){.gate{padding:0}.folio{min-height:100vh;grid-template-columns:1fr;border:0}.plate{min-height:112px;padding:18px 24px}.plate span{writing-mode:horizontal-tb}.plate strong{font-size:150px;top:13px}.entry{padding:38px 24px 50px}.intro{margin:22px 0 30px}}