@font-face{font-family:'Bebas Neue';src:url(fonts/bebas-neue.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Oswald';font-weight:500;src:url(fonts/oswald-500.woff2) format('woff2');font-display:swap}
:root{
  --rasp1:#D6336C; --rasp2:#A8174F; --wine:#4A1230; --gold:#F5B82E; --gold-lt:#FFE27A;
  --silver:#E9ECF5; --white:#FFFFFF; --blue:#2B3FD6; --card:rgba(255,255,255,.10); --line:rgba(255,255,255,.28);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--white);line-height:1.55;
  background:var(--rasp2) linear-gradient(180deg,var(--rasp1) 0,var(--rasp2) 900px);background-repeat:no-repeat;min-height:100vh}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
header{padding:28px 0 8px;text-align:center;font-family:'Oswald',sans-serif;letter-spacing:.32em;font-size:.95rem;color:var(--silver);text-transform:uppercase}
.hero{text-align:center;padding:36px 0 28px}
.eyebrow{display:inline-block;font-family:'Oswald',sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;
  background:var(--blue);color:#fff;padding:6px 14px;border-radius:999px;margin-bottom:22px}
h1{font-family:'Bebas Neue','Oswald',Impact,sans-serif;font-weight:400;font-size:clamp(3rem,13vw,5.4rem);line-height:.95;letter-spacing:.01em;
  background:linear-gradient(180deg,var(--gold-lt),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 4px 8px rgba(74,18,48,.45))}
.sub{font-size:1.15rem;color:var(--silver);margin:18px auto 0;max-width:34em}
.sub strong{color:#fff}
.signup{margin:30px auto 0;background:var(--white);color:var(--wine);border-radius:18px;padding:26px 22px;box-shadow:0 14px 40px rgba(74,18,48,.45);text-align:left}
.signup h2{font-family:'Oswald',sans-serif;font-weight:500;font-size:1.25rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}
.signup p.note{font-size:.95rem;color:#5b3a4c;margin-bottom:16px}
label{display:block;font-weight:600;font-size:.9rem;margin-bottom:6px}
input[type=email]{width:100%;font:inherit;font-size:1.05rem;padding:14px 14px;border:2px solid #cfc3cb;border-radius:10px;color:var(--wine);background:#fff}
input[type=email]:focus{outline:3px solid var(--blue);border-color:var(--blue)}
button{width:100%;margin-top:14px;font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:1.15rem;
  padding:15px 18px;border:0;border-radius:10px;cursor:pointer;color:var(--wine);background:linear-gradient(180deg,var(--gold-lt),var(--gold));box-shadow:0 3px 0 #b8841a}
button:hover{filter:brightness(1.05)} button:active{transform:translateY(2px);box-shadow:0 1px 0 #b8841a}
button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.fine{font-size:.85rem;color:#6b4c5d;margin-top:12px}
.fine a{color:var(--blue)}
section{padding:34px 0}
h2.sec{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:2.2rem;letter-spacing:.03em;color:var(--silver);text-align:center;margin-bottom:6px}
.lead{text-align:center;color:var(--silver);margin-bottom:22px}
.grid{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:620px){.grid{grid-template-columns:1fr 1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px}
.card .num{font-family:'Bebas Neue',sans-serif;font-size:1.1rem;letter-spacing:.1em;color:var(--gold-lt)}
.card h3{font-family:'Oswald',sans-serif;font-weight:500;font-size:1.35rem;letter-spacing:.03em;margin:2px 0 4px}
.card p{color:var(--silver);font-size:.97rem}
.about{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}
.about p+p{margin-top:12px}
.about p{color:var(--silver)}
.about strong{color:#fff}
footer{padding:30px 0 44px;text-align:center;color:var(--silver);font-size:.92rem;border-top:1px solid var(--line);margin-top:20px}
footer a{color:var(--gold-lt)}
footer p+p{margin-top:8px}
.thanks{text-align:center;padding:70px 0}
.thanks h1{font-size:clamp(2.6rem,11vw,4.4rem)}
.panel{background:var(--white);color:var(--wine);border-radius:18px;padding:26px 22px;margin-top:28px;text-align:left;box-shadow:0 14px 40px rgba(74,18,48,.45)}
.panel ol{margin:12px 0 0 1.2em} .panel li+li{margin-top:8px}
.panel a{color:var(--blue)}
.prose h2{font-family:'Oswald',sans-serif;font-weight:500;font-size:1.3rem;margin:26px 0 6px;color:var(--gold-lt)}
.prose p,.prose li{color:var(--silver)} .prose ul{margin:8px 0 0 1.2em}
.prose a,.back a{color:var(--gold-lt)}
.back{margin:22px 0 0}
