*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#eef3f8;color:#172033;line-height:1.6}
a{color:inherit;text-decoration:none}.topbar{height:64px;background:#101214;color:white;display:flex;justify-content:space-between;align-items:center;padding:0 28px;position:sticky;top:0;z-index:10;box-shadow:0 4px 18px rgba(0,0,0,.12)}
.brand{font-size:20px;font-weight:900;display:flex;gap:10px;align-items:center}.brand-mark{background:#22c55e;border-radius:12px;padding:4px 8px}.topbar nav{display:flex;gap:12px;align-items:center}.topbar nav a{font-size:14px;padding:10px 14px;border-radius:10px}.topbar nav a:hover{background:#22c55e;color:#fff}
.hero{min-height:620px;background:radial-gradient(circle at 20% 10%,#60a5fa 0,#38bdf8 35%,#a7f3d0 100%);display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:70px min(6vw,90px)}
.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:#0f766e;font-weight:900}.hero h1{font-size:clamp(54px,8vw,104px);line-height:.95;margin:10px 0;color:#07111f}.lead{font-size:22px;max-width:680px;color:#1f2937}.actions,.game-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.btn{border:0;border-radius:999px;padding:14px 22px;font-weight:900;cursor:pointer;box-shadow:0 10px 20px rgba(0,0,0,.12)}.btn.primary{background:#22c55e;color:white}.btn.ghost{background:white;color:#172033;border:1px solid #dbe4ee}
.hero-card{display:flex;justify-content:center}.mini-screen{position:relative;width:330px;height:500px;border-radius:28px;background:linear-gradient(#7dd3fc,#dcfce7);box-shadow:0 24px 60px rgba(15,23,42,.3);overflow:hidden;border:10px solid rgba(255,255,255,.45)}.sun{position:absolute;right:28px;top:26px;width:54px;height:54px;border-radius:50%;background:#fde68a}.cloud{position:absolute;width:90px;height:32px;background:white;border-radius:999px;opacity:.86}.c1{top:96px;left:44px}.c2{top:150px;right:42px}.cat-face{position:absolute;left:105px;top:245px;font-size:48px}.platform{position:absolute;height:14px;background:linear-gradient(#22c55e 0 35%,#f59e0b 35% 100%);border-radius:8px}.p1{width:105px;left:45px;top:220px}.p2{width:100px;right:54px;top:310px}.p3{width:135px;left:74px;bottom:85px}
.section{padding:72px min(6vw,90px)}.panel{background:white;border-radius:26px;padding:34px;box-shadow:0 18px 45px rgba(15,23,42,.08);border:1px solid #dbe4ee}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.section h2,.legal-card h1{font-size:36px;margin:.1em 0 .4em}.score-box{display:flex;gap:12px}.score-box span{background:#f1f5f9;border-radius:14px;padding:12px 18px}.score-box b{font-size:24px;color:#16a34a;margin-left:8px}
canvas{display:block;width:100%;max-width:960px;height:auto;margin:24px auto 0;border-radius:22px;background:#7dd3fc;box-shadow:inset 0 -88px 0 #86efac,0 18px 34px rgba(15,23,42,.12)}.note{color:#64748b;text-align:center}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.info-grid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.info-grid span{display:block;color:#64748b;font-size:13px}.info-grid strong{display:block;margin-top:6px}.info-list p{background:#f8fafc;border-radius:14px;padding:14px}
.legal-wrap{padding:70px 20px}.legal-card{max-width:850px;margin:0 auto;background:white;border-radius:24px;padding:44px;box-shadow:0 18px 45px rgba(15,23,42,.1);border:1px solid #dbe4ee}.legal-card h2{margin-top:28px}.date{font-weight:800;color:#334155}.legal-card li{margin:8px 0}.legal-card hr{border:0;border-top:1px solid #e2e8f0;margin:34px 0}.company-block dl{display:grid;gap:12px}.company-block dl div,.contact-grid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.company-block dt{color:#64748b;font-size:13px}.company-block dd{margin:4px 0 0;font-weight:800}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.footer{background:#101214;color:white;padding:32px 28px}.footer-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.footer p{color:#cbd5e1;margin:6px 0}.footer-links{display:flex;gap:14px}.copyright{text-align:center;font-size:13px;margin-top:22px!important}
@media(max-width:860px){.hero,.two-col{grid-template-columns:1fr}.topbar{height:auto;align-items:flex-start;flex-direction:column;padding:18px}.topbar nav{flex-wrap:wrap}.section-head,.footer-inner{align-items:flex-start;flex-direction:column}.info-grid,.contact-grid{grid-template-columns:1fr}.hero{padding:46px 20px}.section{padding:46px 20px}}