:root{--green:#00a86b;--green-dark:#007d50;--green-soft:#e9f8f1;--ink:#14211c;--muted:#69766f;--line:#dce3df;--canvas:#f4f6f5;--shadow:0 14px 40px rgba(21,45,34,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:15px/1.5 Inter,Segoe UI,Arial,sans-serif}button,input{font:inherit}header{background:linear-gradient(120deg,#fff 0%,#fff 55%,#edf8f3 100%);border-bottom:1px solid var(--line)}
nav{height:88px;max-width:1200px;margin:auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--green);color:white;border-radius:11px;font-size:23px;font-weight:900}.brand strong{display:block;font-size:19px;letter-spacing:2px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.5px}.nav-actions,.identity{display:flex;align-items:center;gap:18px}.identity{color:var(--muted);font-size:13px}.link{border:0;background:none;color:var(--ink);text-decoration:underline;cursor:pointer}
.purse{display:flex;align-items:center;gap:11px;border:1px solid #bed7ca;border-radius:12px;padding:9px 12px;background:white;color:var(--ink);box-shadow:0 5px 18px #205b3b12;cursor:pointer;text-align:left}.purse:hover{border-color:var(--green)}.purse-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;background:var(--green-soft);color:var(--green)}.purse small{display:block;font-size:8px;letter-spacing:1px;color:var(--muted)}.purse strong{display:block;font-size:17px}.purse b{color:var(--green);font-size:18px}
.hero{max-width:1200px;margin:auto;padding:82px 24px 95px;display:flex;justify-content:space-between;align-items:center;gap:50px}.hero h1{font-size:clamp(50px,7vw,82px);line-height:.98;letter-spacing:-4px;margin:13px 0 25px}.hero>div:first-child>p:not(.eyebrow){max-width:580px;font-size:18px;color:var(--muted)}.eyebrow,section small{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--green-dark)}.google,.demo,button{border:0;border-radius:8px;padding:12px 18px;font-weight:750;cursor:pointer}.google{display:inline-block;margin-top:15px;background:var(--green);color:white;text-decoration:none}.demo{background:#e7ebe9;color:var(--ink);margin-left:8px}.trust-card{min-width:255px;padding:25px;background:#12241c;color:white;border-radius:18px;box-shadow:0 24px 55px #173d2b30}.trust-card span,.trust-card small{font-size:9px;letter-spacing:1.7px;color:#9bb1a6}.trust-card strong{display:block;font-size:65px;line-height:1;margin-top:25px;color:#37df9e}.trust-card p{margin:5px 0 25px}.trust-card hr{border:0;border-top:1px solid #ffffff26;margin-bottom:20px}
main{max-width:1200px;margin:0 auto 80px;padding:0 24px}.notice{margin-top:24px;padding:14px 18px;background:#fff8dd;border:1px solid #ead587;border-radius:9px}.account-strip{display:grid;grid-template-columns:repeat(3,1fr);background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);margin-top:-36px;position:relative}.account-strip>div{padding:20px 25px;border-right:1px solid var(--line)}.account-strip>div:last-child{border:0}.account-strip small{display:block;color:var(--muted);font-size:9px}.account-strip strong{display:block;margin-top:4px}.status-dot{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px var(--green-soft)}section{margin-bottom:60px}
.section-title{display:flex;justify-content:space-between;align-items:end;margin:60px 0 20px}.section-title h2{font-size:31px;margin:5px 0}.section-title p{color:var(--muted)}.sports{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.sport{background:white;border:1px solid var(--line);padding:22px;border-radius:12px;display:grid;gap:8px;transition:.2s}.sport:focus-within{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.sport span{font-size:19px;font-weight:800}.sport small{color:var(--muted);letter-spacing:0}.sport input{width:100%;padding:12px;background:#f7f9f8;border:1px solid var(--line);border-radius:7px;color:var(--ink);font-size:20px;outline:0}
.checkout{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:20px 22px;background:#14211c;color:white;border-radius:12px}.checkout>div{display:grid;grid-template-columns:auto auto;column-gap:15px;align-items:center}.checkout small{grid-column:1;color:#9eb0a7}.checkout strong{font-size:28px;color:#49dfa6}.checkout span{grid-column:2;color:#aebbb5;font-size:12px}.checkout button,.code-row button{background:var(--green);color:white}.checkout button:hover,.code-row button:hover{background:var(--green-dark)}.checkout button:disabled{opacity:.35;cursor:not-allowed}.access{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;color:var(--muted)}.code-row{display:flex;align-items:center;gap:12px}.code-row code{font-size:clamp(20px,5vw,34px);letter-spacing:3px;color:var(--ink);background:#f0f4f2;border:1px dashed #aebdb5;padding:12px 18px;border-radius:8px}
dialog{background:white;color:var(--ink);border:1px solid var(--line);border-radius:16px;max-width:530px;width:90%;padding:30px;box-shadow:var(--shadow)}dialog::backdrop{background:#15251db8}.close{float:right;background:#eef1ef;color:var(--ink);font-size:20px;padding:5px 11px}.coins{display:grid;grid-template-columns:1fr 1fr;gap:10px}.coins span{padding:16px;background:#f6f8f7;border:1px solid var(--line);border-radius:9px}.coins b{color:var(--green);margin-right:8px}.legal{font-size:11px;color:var(--muted);margin-top:22px}footer{text-align:center;color:var(--muted);padding:35px;border-top:1px solid var(--line);background:white}
@media(max-width:800px){nav{height:auto;padding-top:14px;padding-bottom:14px}.identity span{display:none}.hero{padding-top:55px}.trust-card{display:none}.sports{grid-template-columns:1fr 1fr}.account-strip{grid-template-columns:1fr}.account-strip>div{border-right:0;border-bottom:1px solid var(--line)}.section-title{display:block}}
@media(max-width:540px){.brand small,.identity{display:none}.purse{padding:7px}.purse b{display:none}.hero h1{letter-spacing:-2px}.sports{grid-template-columns:1fr}.checkout{align-items:stretch;gap:15px;flex-direction:column}.checkout>div{display:block}.checkout span,.checkout small{display:block}.code-row{align-items:stretch;flex-direction:column}.code-row code{font-size:18px}.coins{grid-template-columns:1fr}}