*{box-sizing:border-box}
:root{color-scheme:dark;--ink:#f6f3e9;--muted:#b7c7c8;--accent:#68e5d5}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:radial-gradient(ellipse at 20% 12%,#173c3d 0,transparent 48%),#0b181b;color:var(--ink);font:16px/1.55 system-ui,-apple-system,sans-serif}
a{color:inherit;text-underline-offset:4px}
main{max-width:1240px;padding:30px 48px 0;margin:auto;display:grid;grid-template-columns:1.3fr 1fr;gap:64px 64px}
header,footer,.game-night{grid-column:1/-1}
header,footer{display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{display:flex;gap:10px;align-items:center;font-size:28px;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand img{width:38px;height:38px}
.coming-soon{display:inline-flex;align-items:center;gap:8px;border:1px solid #3a5858;border-radius:24px;padding:7px 13px;font-size:12px;font-weight:650;white-space:nowrap;color:#d5e8e4}.coming-soon>span{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.intro{align-self:center;padding-bottom:28px}.eyebrow{color:var(--accent);font-weight:750;font-size:11px;letter-spacing:2px;margin:0 0 18px}
h1{font-size:clamp(46px,5.2vw,66px);line-height:1.07;letter-spacing:-2.7px;font-weight:750;margin:0 0 28px;text-wrap:balance}h1 em{color:var(--accent);font-style:normal}
.lead{color:#cfdbd9;font-size:19px;line-height:1.65;max-width:490px;margin:0}.invitation{margin:30px 0 0;font-size:14px;font-weight:650;color:var(--ink)}
.signup{align-self:center;background:#142a2d;border:1px solid #41605e;border-radius:24px;padding:30px 32px;box-shadow:0 22px 65px #0003}.signup .eyebrow{margin-bottom:10px}
h2{font-size:34px;line-height:1.14;letter-spacing:-1px;margin:0;font-weight:700}.signup-copy{color:#cad8d6;font-size:15px;margin:16px 0 22px}form>label{display:block;font-size:13px;font-weight:650}input[type=email]{display:block;width:100%;margin:8px 0 16px;border:1px solid #607a79;background:#0b1b1e;color:white;font:inherit;padding:13px 14px;border-radius:10px}input::placeholder{color:#a9bab9}.consent{display:flex;gap:10px;font-size:12px;font-weight:400;align-items:flex-start;color:#d1dddb;line-height:1.5}.consent input{margin:0;width:19px;height:19px;flex-shrink:0;accent-color:var(--accent)}
button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:20px;min-height:54px;border:0;border-radius:10px;background:var(--accent);color:#082d2c;font:750 16px system-ui;cursor:pointer;padding:12px 17px}button span{font-size:23px}button:hover{background:#97f3e7}button:disabled{opacity:.6;cursor:wait}a:focus-visible,input:focus-visible,button:focus-visible,#status:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
#status{font-weight:650;color:#9cf1e5;font-size:17px}#status:empty{display:none}.next-step{text-align:center;font-size:12px;margin:12px 0 0;color:#c2d3d0}.fine{font-size:11px;color:#a5bab7;line-height:1.7;margin:18px 0 0}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:12px}.section-heading>p{font-size:14px;color:var(--muted);margin:0;text-align:right}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.games figure{margin:0;min-width:0}.games img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:15px;border:1px solid #506360}.games figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:12px}.games figcaption>span{font-size:18px;font-weight:700;letter-spacing:-.4px}.games small{color:var(--muted);font-size:11px}
.reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:44px 0}.number{color:var(--accent);font-size:12px;letter-spacing:2px}h3{font-size:19px;letter-spacing:-.3px;margin:8px 0}.reasons p{font-size:14px;color:var(--muted);margin:0;max-width:295px}.closing{border-top:1px solid #35504f;padding:26px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.closing p{font-size:22px;letter-spacing:-.6px;margin:0}.closing strong{font-weight:600;color:var(--accent)}.closing a{font-size:14px;font-weight:650;white-space:nowrap}
footer{border-top:1px solid #2a4142;padding:24px 0 30px;font-size:12px;color:var(--muted)}
@media(max-width:1000px){main{padding:26px 30px 0;gap:48px 32px}.signup{padding:26px}h1{font-size:52px}.games figcaption{display:block}.games small{display:block;margin-top:3px}.section-heading h2{font-size:30px}}
@media(max-width:700px){main{grid-template-columns:1fr;padding:22px 22px 0;gap:32px}.brand{font-size:25px}.brand img{width:33px;height:33px}.intro{padding:10px 0 0}h1{font-size:46px;letter-spacing:-2px;margin-bottom:20px}.lead{font-size:16px;line-height:1.6}.invitation{font-size:12px;margin-top:20px}.signup{padding:25px}.signup h2 br{display:none}.signup h2{font-size:29px}.signup-copy{font-size:14px}.section-heading{display:block}.section-heading>p{text-align:left;margin-top:12px}.section-heading h2{font-size:30px}.games{gap:10px}.games img{aspect-ratio:.85;border-radius:10px}.games figcaption>span{font-size:14px;letter-spacing:-.3px}.games small{font-size:10px}.reasons{grid-template-columns:1fr;gap:25px;margin:32px 0}.reasons>div{display:grid;grid-template-columns:28px 1fr;gap:0 10px}.number{grid-row:1/3;padding-top:3px}h3{margin:0 0 6px;font-size:18px}.reasons p{max-width:none}.closing{display:block}.closing p{font-size:20px}.closing a{display:inline-block;margin-top:14px;padding:8px 0}footer{align-items:flex-start;font-size:11px;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}