@font-face{font-family:"Saira Stencil";src:url(/assets/fonts/SairaStencilOne-Regular.woff) format("woff");font-display:swap}
@font-face{font-family:"Oswald";src:url(/assets/fonts/Oswald.woff) format("woff");font-weight:200 700;font-display:swap}
:root{--bg:#1e1614;--ink:#f1e9da;--tan:#d9b98c;--acc:#b7472a;--deep:#7a2e1d;--panel:#2b2a28}
*{box-sizing:border-box}
html,body{margin:0}
body{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% -10%,#3a1d15 0,var(--bg) 60%);color:var(--ink);font:400 1.05rem/1.55 "Oswald",system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.01em}
a{color:var(--tan)}
a:hover{color:#fff}
.wrap{flex:1;width:100%;max-width:640px;margin:0 auto;padding:2.5rem 1.25rem 2rem;text-align:center}
.logo{width:min(220px,55vw);height:auto;border-radius:50%}
h1{font:400 clamp(2.1rem,7vw,3.2rem)/1.05 "Saira Stencil","Oswald",sans-serif;margin:1rem 0 .35rem;text-transform:uppercase;letter-spacing:.03em}
.tagline{margin:0;color:var(--tan);font-size:clamp(1.15rem,3.6vw,1.4rem);font-weight:500}
.status{margin:1.4rem 0 0}
.status span{display:inline-block;border:2px solid var(--acc);color:var(--ink);padding:.35rem 1rem;border-radius:4px;text-transform:uppercase;letter-spacing:.18em;font-size:.95rem;font-weight:600}
.signup{margin:2.2rem auto 0;background:var(--panel);border-top:4px solid var(--acc);border-radius:10px;padding:1.5rem 1.25rem 1.1rem;text-align:left}
.signup h2{margin:0 0 .3rem;font:400 1.35rem "Saira Stencil","Oswald",sans-serif;text-transform:uppercase;letter-spacing:.05em}
.signup p{margin:.25rem 0}
form{display:flex;gap:.6rem;margin:1rem 0 .4rem;flex-wrap:wrap}
input[type=email]{flex:1 1 220px;min-width:0;font:inherit;font-size:1rem;padding:.7rem .85rem;border:2px solid var(--tan);border-radius:6px;background:#fffaf2;color:#2b2a28}
input[type=email]:focus{outline:3px solid var(--acc);outline-offset:1px}
button{flex:0 0 auto;font:600 1rem "Oswald",sans-serif;text-transform:uppercase;letter-spacing:.1em;padding:.7rem 1.3rem;border:0;border-radius:6px;background:var(--acc);color:#fff;cursor:pointer}
button:hover{background:var(--deep)}
button:disabled{opacity:.6;cursor:wait}
.msg{min-height:1.4em;color:var(--tan);font-weight:500}
.msg.err{color:#ff9b7d}
.fine{font-size:.85rem;opacity:.75}
.mtc{margin:2rem 0 0;font-size:1rem;opacity:.9}
.foot{border-top:1px solid #3d302b;padding:1.1rem 1rem 1.4rem;text-align:center;font-size:.9rem;opacity:.85}
.foot p{margin:.2rem 0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media (max-width:420px){button{width:100%}}
