:root{--paper:#f4f1e9;--paper-2:#e9e5da;--ink:#151713;--muted:#686a62;--blue:#1f5cff;--green:#25a76b;--line:rgba(21,23,19,.18);--white:#fff;--container:min(1240px,calc(100% - 48px))}
*{box-sizing:border-box}html{height:100%}body{min-height:100%;margin:0;background:var(--paper);color:var(--ink);font-family:"Manrope",sans-serif;display:grid;grid-template-rows:auto 1fr auto}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.skip-link{position:fixed;top:-60px;left:20px;z-index:50;background:var(--ink);color:#fff;padding:12px}.skip-link:focus{top:20px}a{color:inherit;text-decoration:none}.site-header{width:var(--container);height:86px;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;letter-spacing:-.04em}.brand img{width:23px;height:32px;object-fit:contain}.help-link{font:500 .7rem "DM Mono",monospace}.help-link span{color:var(--blue);margin-left:8px}main{width:var(--container);margin:auto;display:grid;grid-template-columns:1fr minmax(430px,520px);gap:9%;align-items:center;padding:58px 0 72px}.intro{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.eyebrow,.panel-top,.panel-bottom,.form-heading>p{font:500 .61rem "DM Mono",monospace;letter-spacing:.08em}.eyebrow{color:var(--blue);margin:0 0 35px}h1,h2{font-family:"Newsreader",serif;letter-spacing:-.055em;margin:0;font-weight:600}h1{font-size:clamp(4.2rem,6.8vw,7.2rem);line-height:.84;max-width:750px}h1 em{font-weight:500;color:var(--blue)}.lede{font-size:1rem;line-height:1.7;color:var(--muted);max-width:520px;margin:30px 0 50px}.proof{border-top:1px solid var(--ink);max-width:620px}.proof>div{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.proof span{font:500 .6rem "DM Mono",monospace;color:var(--blue);padding-top:4px}.proof p{font-size:.72rem;color:var(--muted);margin:0;line-height:1.55}.proof strong{display:block;color:var(--ink);font-size:.82rem;margin-bottom:2px}.privacy-note{display:flex;align-items:center;gap:13px;margin-top:28px}.privacy-note p{margin:0;font-size:.7rem;color:var(--muted)}.privacy-note b{color:var(--ink)}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(37,167,107,.12);animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(37,167,107,0)}}.form-panel{background:#fbfaf6;border:1px solid var(--ink);box-shadow:18px 18px 0 var(--paper-2);animation:arrive .7s cubic-bezier(.2,.8,.2,1) both}@keyframes arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.panel-top,.panel-bottom{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line)}.panel-top span:last-child{color:var(--green);display:flex;align-items:center;gap:8px}.panel-top i{width:6px;height:6px;border-radius:50%;background:var(--green)}.panel-bottom{border:0;border-top:1px solid var(--line);color:var(--muted);font-size:.53rem}.form-wrap{padding:36px 42px 40px}.form-heading{position:relative;margin-bottom:32px}.form-heading>p{color:var(--blue);margin:0 0 12px}.form-heading h2{font-size:2.8rem;line-height:1}.form-heading>span{display:block;font-size:.68rem;color:var(--muted);margin-top:12px}.form-heading a{color:var(--ink);font-weight:700;border-bottom:1px solid}form{display:grid;gap:20px}.field label,.label-row span{font-size:.68rem;font-weight:700}.label-row{display:flex;justify-content:space-between;align-items:center}.label-row span{color:var(--muted);font:400 .55rem "DM Mono",monospace}.field input{width:100%;height:58px;margin-top:9px;border:1px solid var(--line);border-radius:0;background:#fff;padding:0 16px;color:var(--ink);font:500 .85rem "Manrope",sans-serif;outline:0;transition:border .2s,box-shadow .2s}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,92,255,.12)}.field input.invalid{border-color:#bd352d}.password-control{position:relative}.password-control input{padding-right:68px}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-35%);border:0;background:none;color:var(--blue);font:500 .59rem "DM Mono",monospace;cursor:pointer}.strength{height:16px;display:grid;grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:4px;margin-top:8px}.strength i{height:2px;background:var(--paper-2);transition:background .2s}.strength span{font:400 .48rem "DM Mono",monospace;color:var(--muted);margin-left:5px}.strength[data-score="1"] i:nth-child(-n+1){background:#d94b3f}.strength[data-score="2"] i:nth-child(-n+2){background:#e09327}.strength[data-score="3"] i:nth-child(-n+3){background:var(--green)}.strength[data-score="4"] i{background:var(--green)}.error{display:block;color:#ad2d27;font-size:.58rem;min-height:12px;margin-top:5px}.terms-error{margin-top:-18px}.check{display:grid;grid-template-columns:20px 1fr;gap:11px;align-items:start;cursor:pointer}.check input{position:absolute;opacity:0}.check>span{width:20px;height:20px;border:1px solid var(--ink);display:grid;place-items:center;background:#fff}.check input:checked+span{background:var(--blue);border-color:var(--blue)}.check input:checked+span:after{content:"✓";color:#fff;font-size:.72rem}.check input:focus-visible+span{outline:3px solid #f3a51b;outline-offset:3px}.check p{margin:0;font-size:.62rem;line-height:1.6;color:var(--muted)}.check a{color:var(--ink);text-decoration:underline}.submit-button{height:58px;border:1px solid var(--blue);background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(31,92,255,.2)}.submit-button:active{transform:translateY(0) scale(.99)}.submit-button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #f3a51b;outline-offset:3px}.form-footnote{margin:0;text-align:center;color:var(--muted);font-size:.55rem}.form-footnote span{color:var(--blue);margin-right:5px}footer{width:var(--container);margin:auto;height:62px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font:400 .53rem "DM Mono",monospace;color:var(--muted)}footer nav{display:flex;gap:20px}footer a:hover{color:var(--blue)}
@media(max-width:900px){:root{--container:calc(100% - 34px)}main{grid-template-columns:1fr;gap:55px;padding:60px 0}.intro{display:block}h1{font-size:clamp(4rem,12vw,6.5rem)}.proof{margin-top:42px}.form-panel{width:min(100%,560px);margin:auto}.privacy-note{margin-top:24px}}
@media(max-width:560px){.site-header{height:72px}.help-link{font-size:0}.help-link:before{content:"Help";font-size:.63rem}main{padding-top:46px}h1{font-size:3.75rem}.lede{margin-bottom:35px}.proof p{font-size:.68rem}.form-panel{box-shadow:8px 8px 0 var(--paper-2)}.form-wrap{padding:30px 22px}.form-heading h2{font-size:2.35rem}.panel-top,.panel-bottom{padding-inline:15px}.panel-bottom span:last-child{display:none}footer{height:auto;padding:24px 0;align-items:flex-start;gap:14px;flex-wrap:wrap}footer>span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Focused single-panel signup layout */
main{grid-template-columns:minmax(430px,520px);justify-content:center;gap:0}
.form-panel{width:100%}
@media(max-width:900px){main{grid-template-columns:minmax(0,560px)}}
.updates-check{padding-top:0}
.updates-check b{display:block;margin-top:3px;color:var(--muted);font-weight:500}
.form-heading a{color:var(--blue);border-bottom-color:var(--blue);font-weight:800;transition:background-color .2s,color .2s}
.form-heading a:hover{background:var(--blue);color:#fff}

/* Server-side alerts. The mockup only had per-field <small class="error">
   messages from its client-side check; real validation failures come back from
   the server as one message, so it needs somewhere to land. */
.form-alert{margin:0 0 22px;padding:13px 15px;border:1px solid #c8402f;background:#fdf0ee;color:#a5301f;font-size:.82rem;line-height:1.5;font-weight:600}
.form-alert-ok{border-color:#1f9d62;background:#edf8f2;color:#14724a}

/* Resend-code button rendered inline as a link (email verification page). */
.form-footnote .link-button{background:none;border:0;padding:0;font:inherit;color:var(--blue,#2459e8);font-weight:700;cursor:pointer;text-decoration:underline}
.form-footnote .link-button:hover{opacity:.8}
.resend-form{margin:0}

/* Section 2 — WCAG AA contrast on the auth panel (small text / white-on-blue).
   Blue text raised to #1a4fe0 (~6:1), green to #157a49 (~5:1), muted small text
   to #4d4f48 (~7:1), and the submit button to the darker blue so white passes 4.5:1. */
.form-heading > p,
.forgot-link,
.toggle-password,
.form-footnote span,
.form-footnote .link-button,
.form-heading a { color: #1a4fe0; }
.form-heading a { border-bottom-color: #1a4fe0; }
.panel-top span:last-child,
.panel-top i { color: #157a49; }
.form-heading > span,
.check p,
.form-footnote,
.panel-bottom,
.panel-bottom span,
.label-row span,
.strength span,
.updates-check b { color: #4d4f48; }
.submit-button { background: #1a4fe0; border-color: #1a4fe0; }
.submit-button:hover { box-shadow: 0 12px 24px rgba(26, 79, 224, 0.25); }