:root{color-scheme:dark;--bg:#071019;--panel:#0d1925;--text:#f6f9fc;--muted:#aab7c6;--line:rgba(255,255,255,.12);--turquoise:#22d3ee}*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.55}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #60a5fa;outline-offset:5px}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.preview-notice{text-align:center;padding:8px 16px;background:#122333;color:#c2ccd8;font-size:.72rem}.topbar{display:flex;align-items:center;justify-content:space-between;padding:28px 0}.brand{text-decoration:none;font-size:1.65rem;font-weight:850;letter-spacing:-.06em}.brand span{display:inline-block;margin-left:9px;color:var(--turquoise);font-size:.62rem;letter-spacing:.12em;vertical-align:middle}.nav-link{font-size:.82rem;text-decoration:none;color:var(--muted);padding:10px 0}.nav-link span{margin-left:10px}.hero{padding:56px 0 88px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:70px}.kicker{color:var(--turquoise);font-size:.72rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px}h1,h2,h3,h4,p{overflow-wrap:break-word}h1{font-size:clamp(2.7rem,4.6vw,4.6rem);line-height:1.04;letter-spacing:-.055em;margin:0;max-width:650px}h1 span{color:var(--turquoise)}.lead{font-size:1.06rem;max-width:530px;color:#c2ccd8;margin:26px 0 28px}.actions{display:flex;align-items:flex-start;flex-direction:column;gap:17px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:10px;padding:16px 21px;min-height:50px;background:var(--turquoise);color:#071019;font-weight:750;font-size:.9rem;text-decoration:none}.primary:hover{background:#67e8f9}.secondary{text-decoration:none;font-size:.88rem;font-weight:650;padding:10px 0}.secondary span{margin-left:12px}.hero-note{font-size:.78rem;color:var(--muted);margin-top:24px}.match-night{position:relative;min-height:420px;border:1px solid #264357;border-radius:24px;overflow:hidden;background:linear-gradient(150deg,#17334a,#0d1925 70%)}.pitch{position:absolute;inset:30px;border:1px solid #315166;border-radius:4px;transform:rotate(-18deg) scale(1.25);opacity:.6}.pitch:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #315166}.pitch-circle{position:absolute;width:160px;height:160px;border:1px solid #315166;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.night-copy{position:absolute;inset:0;padding:40px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(0deg,#0d1925,transparent)}.night-copy p{font-size:3.1rem;line-height:1.08;letter-spacing:-.05em;font-weight:750;margin:4px 0 38px}.night-tag{font-size:.76rem;color:#c2ccd8;border-top:1px solid var(--line);padding-top:18px}h2{font-size:clamp(2rem,3.2vw,3.1rem);letter-spacing:-.045em;line-height:1.1;margin:0 0 24px}.section-copy>p:not(.kicker){color:#c2ccd8}
.steps-section{padding:90px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:42px}.step-number{display:flex;align-items:center;justify-content:center;border:1px solid #315166;width:42px;height:42px;border-radius:50%;font-size:.78rem;color:var(--turquoise)}.steps h3,.uses h3{font-size:1.12rem;letter-spacing:-.025em;margin:20px 0 8px}.steps p,.uses p{font-size:.9rem;color:var(--muted);margin:0;max-width:310px}.uses-section{padding:55px 0 76px;border-top:1px solid var(--line)}.uses-intro{max-width:570px}.uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:35px}.uses article{padding:24px 20px;background:#0d1925;border:1px solid var(--line);border-radius:16px}.use-index{font-size:.7rem;color:var(--turquoise)}.closing{text-align:center;border:1px solid #264357;border-radius:24px;background:#122333;padding:60px 20px;margin-bottom:55px}.closing h2{font-size:clamp(2.5rem,4vw,3.8rem)}.footer{padding:0 0 30px;display:flex;align-items:center;justify-content:space-between;gap:15px}
@media(max-width:900px){.hero{gap:30px}.night-copy{padding:25px}.night-copy p{font-size:2.5rem}}
@media(max-width:680px){.shell{width:calc(100% - 36px)}.topbar{padding:20px 0}.nav-link{font-size:.72rem}.hero{grid-template-columns:1fr;padding:34px 0 50px;gap:30px}h1{font-size:clamp(2.6rem,9.5vw,3.7rem)}.lead{font-size:1rem;margin:22px 0}.actions .primary{width:100%;padding-inline:12px}.hero-note{margin:16px 0 0}.match-night{min-height:200px}.night-copy{padding:24px}.night-copy .kicker{font-size:.62rem;margin-bottom:12px}.night-copy p{font-size:2rem;margin:0 0 18px}.night-tag{font-size:.7rem;padding-top:12px}h2{font-size:2.1rem}.steps-section{padding:55px 0}.steps{grid-template-columns:1fr;gap:25px;margin-top:28px}.steps article{display:grid;grid-template-columns:42px 1fr;column-gap:16px}.step-number{grid-row:1/3}.steps h3{margin:0 0 5px}.steps p{grid-column:2}.uses-section{padding:40px 0}.uses{grid-template-columns:1fr;gap:10px;margin-top:25px}.uses article{padding:18px 14px}.uses h3{font-size:1rem}.uses p{font-size:.8rem}.closing{padding:40px 16px;margin-bottom:35px}.closing .primary{width:100%;font-size:.82rem}.footer .brand{font-size:1.3rem}}
@media(max-width:380px){.uses{grid-template-columns:1fr}.uses article{padding:20px}.uses h3{margin-top:10px}}
.prizes-section{padding:76px 0;border-bottom:1px solid var(--line)}
@media(max-width:680px){.prizes-section{padding:45px 0}}

@media(min-width:681px) and (max-width:1100px){.uses{grid-template-columns:repeat(2,minmax(0,1fr))}}


.prizes-grid,.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.prize-details{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:8px 28px}
.prize-details article{padding:20px 0}.prize-details article+article{border-top:1px solid var(--line)}
.prize-details h3{font-size:1.1rem;margin:0 0 8px}.prize-details p{color:var(--muted);font-size:.9rem;margin:0}
.closing>p:not(.kicker){max-width:620px;margin:0 auto 28px;color:#c2ccd8}
.contact-section{padding:12px 0 70px}.contact-note{font-size:.9rem}
#contactLeadForm{min-width:0;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#contactLeadForm label{display:block;font-size:.85rem;margin:0 0 7px}
#contactLeadForm input:not([type=hidden]),#contactLeadForm textarea{width:100%;min-height:46px;border:1px solid #315166;border-radius:8px;background:var(--bg);color:var(--text);padding:11px 12px;font:inherit;margin-bottom:18px}
#contactLeadForm textarea{resize:vertical;display:block}input:focus-visible,textarea:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}
.form-note{font-size:.78rem;color:var(--muted);margin:0 0 20px}#contactLeadStatus{font-size:.85rem;margin:14px 0 0}#contactLeadStatus:empty{display:none}.primary:disabled{opacity:.65;cursor:wait}
.footer{border-top:1px solid var(--line);padding:32px 0;display:grid;grid-template-columns:1fr auto;align-items:start;gap:20px}
.footer p{font-size:.8rem;color:var(--muted);margin:10px 0 0}.footer nav{display:flex;flex-wrap:wrap;gap:12px 24px;max-width:460px}.footer nav a{font-size:.82rem;text-decoration:none;padding:8px 0}.footer nav a:hover{text-decoration:underline}.footer .footer-note{grid-column:1/-1;font-size:.72rem;margin:0}
@media(max-width:900px){.prizes-grid,.contact-section{gap:32px}}
@media(max-width:680px){.prizes-grid,.contact-section{grid-template-columns:1fr;gap:24px}.contact-section{padding:8px 0 45px}.contact-fields{grid-template-columns:1fr;gap:0}#contactLeadForm{padding:22px}.prize-details{padding:4px 22px}.footer{grid-template-columns:1fr}.footer nav{gap:8px 22px}.footer .brand{font-size:1.4rem}}
.primary:active:not(:disabled){background:#06b6d4;color:#071019}
.primary:disabled{background:#cbd5e1;color:#334155;opacity:1;cursor:not-allowed}

.topbar-nav{display:flex;align-items:center;gap:24px}.login-link{color:var(--text);font-weight:650}.nav-link:hover{text-decoration:underline}
@media(max-width:680px){.topbar-nav{gap:14px}}
@media(max-width:380px){.topbar{flex-wrap:wrap;gap:8px 16px}.topbar-nav{flex-wrap:wrap;gap:12px}}