*{box-sizing:border-box}
:root{--bg:#09090b;--text:#f5f5f7;--muted:#a4a4ad;--line:#29292f}
html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 10%,#202027 0,#09090b 35%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh}
button,a{font:inherit}.nav{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(9,9,11,.8);backdrop-filter:blur(14px);z-index:5}
.logo{color:#fff;text-decoration:none;font-weight:900;letter-spacing:-.04em;font-size:22px}.logo span{font-size:10px;letter-spacing:.18em;margin-left:7px;color:#888}.nav-play{color:#111;background:#fff;text-decoration:none;font-weight:900;padding:10px 18px;border-radius:999px;font-size:13px}
.hero{min-height:calc(100vh - 70px);max-width:1200px;margin:auto;padding:8vh 6vw;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}.eyebrow{font-size:12px;letter-spacing:.25em;color:#999;font-weight:800}
h1{font-size:clamp(58px,9vw,120px);line-height:.78;letter-spacing:-.08em;margin:22px 0 28px}h1 span{color:#777}.subtitle{color:var(--muted);max-width:420px;font-size:17px;line-height:1.6}
.play-btn{margin-top:18px;border:0;border-radius:14px;padding:16px 22px;background:#fff;color:#08080a;font-weight:950;cursor:pointer;box-shadow:0 10px 35px rgba(255,255,255,.1);transition:.2s}.play-btn:hover{transform:translateY(-2px)}.play-btn span{margin-left:12px}.hint{font-size:12px;color:#666;margin-top:13px}
.hero-card{height:460px;border:1px solid #2a2a30;border-radius:28px;background:#0e0e12;position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.4)}.grid{position:absolute;inset:0;background-image:linear-gradient(#24242a 1px,transparent 1px),linear-gradient(90deg,#24242a 1px,transparent 1px);background-size:34px 34px;opacity:.35;transform:skewY(-7deg) scale(1.3)}.fake-player{position:absolute;width:42px;height:42px;border-radius:9px;background:#eee;left:27%;top:52%;transform:rotate(8deg);box-shadow:0 0 35px rgba(255,255,255,.25)}.platform{position:absolute;height:12px;border-radius:10px;background:#eee}.p1{width:52%;left:18%;bottom:24%}.p2{width:28%;right:8%;top:43%}.p3{width:24%;left:10%;top:27%}
.features{max-width:1200px;margin:auto;padding:30px 6vw 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.features article{border:1px solid var(--line);background:rgba(18,18,22,.7);border-radius:20px;padding:26px}.features b{font-size:12px;color:#777}.features h2{margin:28px 0 8px}.features p{color:var(--muted);line-height:1.5;margin:0}
.game-modal{position:fixed;inset:0;background:#050506;z-index:20;display:none;flex-direction:column}.game-modal.open{display:flex}.game-top{height:58px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #222;color:#ddd}.game-top button{border:0;background:#18181c;color:#fff;border-radius:10px;width:40px;height:40px;cursor:pointer}.game-wrap{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:10px}.game-wrap iframe{border:0;width:min(100%,900px);height:min(100%,680px);background:#000;border-radius:10px}
@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:9vh}.hero-card{height:300px;order:-1}.features{grid-template-columns:1fr}.nav{padding:0 20px}h1{font-size:70px}.subtitle{font-size:15px}.game-wrap{padding:0}.game-wrap iframe{width:100%;height:100%;border-radius:0}}