@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900;1000&display=swap');
:root{--ink:#123656;--accent:#0866a9;--yellow:#ffcc35;--paper:#fffefa;--muted:#5d7180;--line:#d7e8f3;--soft:#f0f8fe;--notice:#eaf6fc;--notice-line:#cfe6f3}
body.game-wash{--accent:#087dbb;--yellow:#ffd23f;--soft:#effaff;--notice:#ebf9ff;--notice-line:#cceaf7}
body.game-halloween{--accent:#6b35b6;--yellow:#ffb33f;--soft:#f6f0ff;--notice:#f4edff;--notice-line:#dfcff7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Nunito,'Trebuchet MS',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}
header{display:flex;align-items:center;justify-content:space-between;min-height:100px}.brand{display:flex;align-items:center;gap:12px;font-weight:1000;font-size:23px}.brand img{width:62px;height:62px;border-radius:50%;object-fit:cover}.brand small{display:block;font-size:11px;letter-spacing:.6px;color:#60788a;margin-top:4px}.back{font-size:14px;font-weight:900;color:var(--accent)}
.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 400px;gap:54px;align-items:center;padding:62px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,var(--soft) 0%,#fffefa 57%,#fff2bf 100%);box-shadow:0 20px 60px #1236560c}.hero:after{content:"";position:absolute;width:380px;height:380px;right:-180px;top:-190px;border-radius:50%;background:#ffcc3530}.game-halloween .hero:after{background:#6b35b624}.game-wash .hero:after{background:#1aa8e523}.eyebrow{font-size:12px;font-weight:1000;letter-spacing:2px;color:var(--accent);margin:0 0 13px}.hero h1{font-size:clamp(46px,5.4vw,72px);line-height:1.02;letter-spacing:-2.5px;margin:0 0 22px;font-weight:1000}.hero h1 span{color:var(--accent)}.lead{font-size:18px;color:var(--muted);max-width:650px;margin:0 0 26px}.hero-art{position:relative;z-index:1;display:grid;place-items:center}.hero-art img{width:100%;max-width:380px;filter:drop-shadow(0 22px 25px #12365622)}
.pills{display:flex;gap:9px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;padding:8px 13px;border:1px solid #bed7e7;border-radius:999px;background:#fff;font-size:13px;font-weight:900}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;font-weight:1000;border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink)}.primary{background:var(--yellow)}.secondary{background:#fff}
.section{padding:70px 0}.section h2{font-size:38px;line-height:1.15;letter-spacing:-1px;margin:0 0 12px;font-weight:1000}.section-intro{color:var(--muted);max-width:760px;margin-bottom:30px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}.feature strong{display:block;font-size:19px;margin-bottom:6px}.feature p{margin:0;color:var(--muted);font-size:15px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 0}.step{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}.step-no{display:grid;place-items:center;width:42px;height:42px;margin-bottom:13px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);font-weight:1000}.step strong{display:block;font-size:18px;margin-bottom:5px}.step p{margin:0;color:var(--muted);font-size:14px}
.notice{margin-top:28px;padding:22px 24px;border-radius:18px;background:var(--notice);border:1px solid var(--notice-line)}.notice strong{display:block;margin-bottom:5px}.notice p{margin:0;color:#526b7c}
.privacy{max-width:850px;padding:48px 0 80px}.privacy h1{font-size:46px;line-height:1.1;margin:20px 0 12px;font-weight:1000}.privacy .updated{color:#718493;font-size:14px;margin-bottom:38px}.privacy h2{font-size:24px;margin:34px 0 8px}.privacy p,.privacy li{color:#4f6474}.privacy ul{padding-left:22px}.privacy .summary{padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:var(--notice);color:var(--ink)}
footer{border-top:1px solid #e3edf3;padding:28px 0 40px;color:#647987;font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-row a{font-weight:900;color:var(--accent)}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.hero{grid-template-columns:1fr 280px;padding:42px;gap:24px}.features{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wrap{width:min(100% - 30px,1120px)}header{min-height:84px}.brand img{width:48px;height:48px}.brand{font-size:19px}.hero{grid-template-columns:1fr;padding:30px 22px;text-align:left}.hero-art{grid-row:1}.hero-art img{max-width:230px}.hero h1{font-size:44px}.lead{font-size:16px}.section{padding:50px 0}.features,.steps{grid-template-columns:1fr}.privacy{padding-top:28px}.privacy h1{font-size:38px}.actions .button{width:100%}}