:root{--bg:#fff3e6;--ink:#1d1b2e;--muted:#74708a;--line:#1d1b2e;--accent:#e8365d;--gold:#ffd34e;--display:"Fraunces Display",Georgia,serif}
body{background:radial-gradient(50vmax 50vmax at 0 0,#ffd9ec 0,transparent 60%),radial-gradient(50vmax 50vmax at 100% 20%,#d6ecff 0,transparent 60%),radial-gradient(50vmax 50vmax at 40% 110%,#fff2b8 0,transparent 60%),var(--bg)}
.logo span{font-family:var(--display);font-size:21px}.toplink{font-size:12px;font-weight:800;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}
h1{font-size:44px}h1 em,.h1s em{font-style:normal;background:linear-gradient(90deg,#ff4e50,#8f7cff 50%,#2aa7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.h1s{font-size:36px;margin:8px 0 10px}
.orbs{position:absolute;inset:0;overflow:hidden}.orbs i{position:absolute;width:120px;height:120px;border-radius:50%;filter:blur(28px);opacity:.75;animation:fl 6s ease-in-out infinite}
.orbs i:nth-child(1){left:2%;top:10%}.orbs i:nth-child(2){right:4%;top:0;animation-delay:1s}.orbs i:nth-child(3){left:36%;top:50%;animation-delay:2s}.orbs i:nth-child(4){right:8%;bottom:0;animation-delay:3s}
@keyframes fl{50%{transform:translateY(-14px) scale(1.1)}}
.hero{height:200px;border-radius:28px;border:2px solid var(--line);box-shadow:0 6px 0 var(--line);background:#fff;overflow:hidden;margin:10px 0 22px}
.bigword{position:relative;text-align:center;font-family:var(--display);font-size:72px;line-height:.9;padding-top:34px;letter-spacing:-.02em}.bigword em{font-style:normal;font-size:46px;background:linear-gradient(90deg,#ff4e50,#8f7cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.tabs{display:flex;gap:6px;background:#fff;border:2px solid var(--line);border-radius:16px;padding:4px;margin:4px 0 12px}
.tabs button{flex:1;border:0;background:transparent;font:inherit;font-weight:800;font-size:13px;padding:10px 4px;border-radius:12px;cursor:pointer;color:var(--muted)}.tabs button.on{background:var(--ink);color:#fff}
.strip{grid-template-columns:repeat(3,1fr)}.strip .t{flex-direction:column;text-align:center;gap:4px;padding:10px 4px;font-size:11.5px}
.rname{font-size:44px;letter-spacing:.01em}
.gridbox{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 2px;background:#fff;border:2px solid var(--line);border-radius:24px;padding:18px 6px;box-shadow:0 6px 0 var(--line);margin:12px 0;text-align:center;align-items:center}
.gridbox span{display:block;line-height:1.1;padding:5px 0;white-space:nowrap}
.vibes{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip2{border:2px solid var(--line);background:#fff;border-radius:99px;padding:8px 14px;font:inherit;font-weight:800;font-size:13px;cursor:pointer}.chip2.on{background:var(--ink);color:#fff}
.bingobox{background:linear-gradient(160deg,var(--c1,#ff9ec4),var(--c2,#c68bff));border:2px solid var(--line);border-radius:26px;box-shadow:0 6px 0 var(--line);padding:14px 8px 8px;margin-bottom:6px}
.btitle{color:#fff;text-align:center;font-family:var(--display);font-size:28px;margin-bottom:10px;text-shadow:0 2px 0 rgba(0,0,0,.15)}
.bgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.b{aspect-ratio:1;border:0;border-radius:10px;background:#fff;font:inherit;font-size:9.4px;line-height:1.15;font-weight:700;padding:3px;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;hyphens:auto;overflow-wrap:anywhere}
.b.on{background:var(--ink);color:#fff;position:relative}.b.on:after{content:"✓";position:absolute;top:1px;right:3px;color:var(--gold);font-size:11px}
.b.free{background:rgba(0,0,0,.3);color:#fff;font-size:9px}
@media(min-width:420px){.b{font-size:10.5px}}
.cta h3{font-family:var(--display)}
