/* Copy font and asset folders into your public directory. Paths assume /fonts and /assets. */
@font-face{font-family:Inter;src:url('/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{
 --font-sans:Inter,Arial,sans-serif;
 --ink:#080F0D;--forest:#10211B;--ivory:#F5F3EB;--text-dark:#111713;
 --text-muted-dark:#526057;--text-muted-light:#C0C8C1;--lime:#B5FF4A;
 --lime-hover:#A4EB3A;--selected:#E7F3D4;--border-light:#C5C8BF;
 --border-dark:#36463E;--error:#A42323;--focus-on-light:#315900;
 --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;
 --s8:32px;--s10:40px;--s12:48px;--s16:64px;--s20:80px;--s24:96px;
 --container:1248px;--gutter:48px;--radius-control:6px;--radius-panel:16px;
 --control-height:52px;--button-height:56px;--transition:160ms ease;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:96px}
body{margin:0;background:var(--ink);color:var(--ivory);font-family:var(--font-sans);font-optical-sizing:auto;font-size:16px;line-height:1.5}
.container{width:min(var(--container),calc(100% - 2 * var(--gutter)));margin-inline:auto}
.hero-title{font-size:88px;font-weight:800;line-height:1.02;letter-spacing:-.045em;margin:0}
.form-panel{background:var(--ivory);color:var(--text-dark);padding:48px;border:1px solid var(--border-light);border-radius:var(--radius-panel)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
.form-grid>*{min-width:0}
.field-full{grid-column:1/-1}
.form-panel :focus-visible{outline:2px solid var(--focus-on-light);outline-offset:3px}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
button,input,select,textarea{font:inherit}
@media(max-width:1023px){:root{--gutter:32px}.hero-title{font-size:64px}.form-panel{padding:40px}}
@media(max-width:767px){:root{--gutter:20px;--radius-panel:12px}.hero-title{font-size:clamp(40px,10vw,56px)}.form-panel{padding:24px}.form-grid{grid-template-columns:1fr}}
@media(max-width:360px){:root{--gutter:16px}.form-panel{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}