:root{
  --bg:#0b0f15;
  --panel:#111820;
  --panel-2:#192126;
  --text:#ffffff;
  --muted:#b6c2c7;
  --green:#08e59a;
  --green-2:#00bd78;
  --deep:#002f27;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 80% 5%,rgba(8,229,154,.18),transparent 32%),linear-gradient(180deg,#151c24 0,#080c11 100%);color:var(--text)}a{text-decoration:none;color:inherit}.page{min-height:100vh;overflow:hidden}.topbar{height:72px;background:#151b22;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid rgba(255,255,255,.04)}.logo{font-size:clamp(30px,4vw,42px);font-weight:900;letter-spacing:-2px;font-style:italic}.logo span{color:#fff}.logo strong{color:var(--green)}.login{border:1px solid var(--green);padding:12px 20px;border-radius:9px;font-weight:800}.hero{position:relative;padding:clamp(28px,5vw,78px) clamp(16px,6vw,96px) 32px}.glow{position:absolute;border-radius:50%;filter:blur(30px);opacity:.45}.glow-one{width:380px;height:380px;background:var(--green);left:-120px;bottom:0}.glow-two{width:460px;height:460px;background:#00ffc3;right:-130px;top:50px}.hero-card{position:relative;min-height:520px;border-radius:18px;overflow:hidden;background:linear-gradient(100deg,rgba(2,45,38,.98) 0%,rgba(4,32,31,.94) 46%,rgba(10,91,72,.95) 100%);box-shadow:0 34px 100px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.05);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:clamp(28px,6vw,86px)}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,233,154,.22),transparent 55%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 22px);mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.35));}.copy{position:relative;z-index:2;max-width:680px}.eyebrow{display:inline-flex;background:rgba(8,229,154,.12);border:1px solid rgba(8,229,154,.3);padding:8px 12px;border-radius:999px;font-size:14px;color:#d8fff0;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.h1{}.copy h1{margin:18px 0 20px;font-size:clamp(44px,7vw,92px);line-height:.94;letter-spacing:-4px}.copy h1 span{display:block;color:var(--green);text-shadow:0 0 34px rgba(8,229,154,.28)}.lead{color:#d8e6e2;font-size:clamp(18px,2vw,23px);line-height:1.45;max-width:600px;margin:0 0 30px}.cta{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--green),var(--green-2));color:#03100c;text-transform:uppercase;font-size:clamp(20px,2.8vw,30px);font-weight:900;letter-spacing:.02em;border-radius:14px;padding:20px 42px;box-shadow:0 18px 42px rgba(8,229,154,.32);transition:.2s transform,.2s box-shadow}.cta:hover{transform:translateY(-2px);box-shadow:0 24px 56px rgba(8,229,154,.42)}.micro{color:var(--muted);font-size:14px;margin:18px 0 0}.goat{position:relative;z-index:1;width:min(410px,80vw);height:470px;justify-self:center;align-self:end}.face{position:absolute;left:50%;top:88px;transform:translateX(-50%);width:210px;height:245px;background:#d4b069;border-radius:48% 48% 44% 44%;box-shadow:inset 0 -26px 0 rgba(82,50,24,.18)}.face:before,.face:after{content:"";position:absolute;top:70px;width:58px;height:74px;background:#c89d55;border-radius:55%}.face:before{left:-42px;transform:rotate(-28deg)}.face:after{right:-42px;transform:rotate(28deg)}.glasses{position:absolute;left:50%;top:82px;transform:translateX(-50%);width:158px;height:52px;border-radius:8px;background:linear-gradient(90deg,#07100e 0 44%,transparent 44% 56%,#07100e 56%);box-shadow:0 0 0 6px rgba(0,0,0,.18)}.glasses:before{content:"";position:absolute;left:66px;top:22px;width:26px;height:7px;background:#07100e}.beard{position:absolute;left:50%;bottom:-36px;transform:translateX(-50%);width:86px;height:88px;background:#f3e3be;clip-path:polygon(50% 100%,0 0,100% 0)}.horn{position:absolute;top:8px;width:130px;height:150px;border:18px solid #a36b25;border-bottom:0;border-right:0;border-radius:100% 0 0 0;z-index:3}.horn.left{left:68px;transform:rotate(-28deg)}.horn.right{right:68px;transform:scaleX(-1) rotate(-28deg)}.suit{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:270px;height:210px;background:linear-gradient(90deg,#0c3a2c,#164b37);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);border-radius:26px 26px 0 0}.suit:after{content:"";position:absolute;left:50%;top:0;width:44px;height:180px;transform:translateX(-50%);background:#050807;clip-path:polygon(0 0,100% 0,72% 100%,28% 100%)}.games{padding:14px clamp(16px,6vw,96px) 44px}.games h2,.final-cta h2{font-size:clamp(24px,3vw,38px);margin:0 0 20px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid article{background:linear-gradient(180deg,#192126,#11161c);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:22px;min-height:140px;box-shadow:0 14px 35px rgba(0,0,0,.22)}.grid span{font-size:34px;display:block;margin-bottom:14px}.grid b{font-size:22px;display:block}.grid small{color:var(--green);font-weight:800}.final-cta{margin:0 clamp(16px,6vw,96px) 58px;padding:34px;border-radius:18px;background:linear-gradient(100deg,#151d24,#063b31);display:flex;align-items:center;justify-content:space-between;gap:24px}.secondary{font-size:20px;padding:16px 28px;white-space:nowrap}@media(max-width:900px){.hero-card{grid-template-columns:1fr;min-height:auto;padding-bottom:0}.goat{height:330px;margin-top:20px;transform:scale(.78);transform-origin:top center}.grid{grid-template-columns:repeat(2,1fr)}.final-cta{flex-direction:column;align-items:flex-start}.copy h1{letter-spacing:-2px}}@media(max-width:520px){.topbar{height:66px}.login{display:none}.hero{padding-top:18px}.hero-card{border-radius:14px;padding:24px 20px 0}.cta{width:100%;padding:18px 24px}.grid{grid-template-columns:1fr}.games{padding-top:8px}.goat{height:290px;transform:scale(.66);margin-left:-20px}.final-cta{margin-bottom:30px}}