:root{--ink:#0b2630;--paper:#f4f0e6;--card:#fffdf8;--teal:#176d70;--coral:#e65b3c;--lime:#d7e75b;--display:"Iowan Old Style","Palatino Linotype",Palatino,serif;--sans:"Avenir Next",Avenir,"Gill Sans",sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 5% 5%,rgba(215,231,91,.3),transparent 28rem),linear-gradient(rgba(23,109,112,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(23,109,112,.05) 1px,transparent 1px),var(--paper);background-size:auto,30px 30px,30px 30px,auto;font-family:var(--sans)}
.auth-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);width:min(1180px,calc(100% - 32px));min-height:calc(100vh - 48px);margin:24px auto;overflow:hidden;border:1px solid rgba(11,38,48,.12);border-radius:34px;background:var(--card);box-shadow:0 28px 80px rgba(11,38,48,.17)}.auth-story{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:680px;padding:clamp(40px,7vw,90px);overflow:hidden;color:var(--card);background:linear-gradient(140deg,var(--ink) 0 62%,#0c5054 62% 82%,var(--coral) 82%)}.auth-story:after{content:"2024";position:absolute;right:-12px;bottom:-28px;color:rgba(255,255,255,.1);font:800 11rem/1 var(--sans);letter-spacing:-.08em}.auth-brand{display:flex;align-items:center;gap:12px;font:700 1.3rem var(--display)}.auth-brand span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:var(--ink);background:var(--lime);font:800 .8rem var(--sans)}.auth-eyebrow,.auth-kicker{margin:52px 0 10px;color:var(--lime);font-size:.75rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.auth-story h1{max-width:650px;margin:0;color:var(--card);font:500 clamp(3.7rem,7vw,7rem)/.88 var(--display);letter-spacing:-.06em}.auth-copy{max-width:620px;margin:28px 0;color:rgba(255,253,248,.74);font-size:1.05rem;line-height:1.7}.auth-proof{display:flex;flex-wrap:wrap;gap:8px}.auth-proof span{padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:rgba(255,255,255,.82);font-size:.72rem;font-weight:750}.auth-disclaimer{position:relative;z-index:1;max-width:540px;margin-top:48px;color:rgba(255,255,255,.48);font-size:.72rem}
.auth-card{align-self:center;width:min(100%,490px);margin:auto;padding:clamp(28px,5vw,58px)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border-radius:14px;background:#ebe6da}.auth-tabs button{min-height:42px;border:0;border-radius:10px;color:#52656b;background:transparent;font:800 .75rem var(--sans);text-transform:uppercase;cursor:pointer}.auth-tabs button.is-active{color:var(--card);background:var(--teal);box-shadow:0 8px 18px rgba(23,109,112,.2)}.auth-form{display:grid;gap:18px;margin-top:34px}.auth-form[hidden]{display:none}.auth-kicker{margin:0 0 5px;color:var(--coral)}.auth-form h2{margin:0;font:600 2.35rem/1 var(--display);letter-spacing:-.04em}.auth-form label{display:grid;gap:7px;color:#39525b;font-size:.77rem;font-weight:800}.auth-form input{width:100%;min-height:50px;padding:0 14px;border:1px solid rgba(11,38,48,.2);border-radius:13px;color:var(--ink);background:var(--card);font:700 1rem var(--sans)}.auth-form input:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 4px rgba(23,109,112,.13)}.auth-submit{min-height:52px;border:0;border-radius:14px;color:var(--card);background:linear-gradient(135deg,var(--teal),#0c4f54);box-shadow:0 12px 24px rgba(12,79,84,.2);font:800 .9rem var(--sans);cursor:pointer}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-hint,.auth-message{min-height:1.2em;margin:0;color:#6c7b80;font-size:.75rem;line-height:1.5}.auth-message.is-error{color:#b13f2b;font-weight:750}@media(max-width:820px){.auth-shell{grid-template-columns:1fr;width:min(100% - 20px,600px);margin:10px auto;border-radius:24px}.auth-story{min-height:330px;padding:34px 24px}.auth-story h1{font-size:clamp(3rem,15vw,5rem)}.auth-copy{margin:20px 0}.auth-disclaimer{margin-top:24px}.auth-story:after{font-size:6rem}.auth-card{padding:32px 20px 40px}}

/* v0.21.0 calm mobile access screen */
@media(max-width:820px){body{background:#f7f8f5}.auth-shell{width:100%;min-height:100vh;margin:0;border:0;border-radius:0;box-shadow:none}.auth-story{min-height:250px;padding:28px 22px 24px;background:linear-gradient(145deg,#0b2630,#0c5558)}.auth-story:after{right:8px;bottom:-8px;font-size:4.8rem}.auth-brand span{width:38px;height:38px}.auth-eyebrow{margin:28px 0 7px}.auth-story h1{max-width:10ch;font-size:clamp(2.7rem,13vw,4.2rem)}.auth-copy{max-width:34rem;margin:14px 0 16px;font-size:.9rem;line-height:1.5}.auth-proof{gap:6px}.auth-proof span{padding:6px 9px;font-size:.64rem}.auth-disclaimer{display:none}.auth-card{width:100%;padding:24px 20px 42px}.auth-form{margin-top:26px}.auth-form h2{font-size:2rem}}