:root{--sky:#35a7e0;--sky2:#1c7fc0;--red:#d8352a;--gold:#f6b800;--navy:#0e2b5c;--cream:#fff7e6;--ink:#12233f}
*{box-sizing:border-box}
body{margin:0;font-family:'Nunito',system-ui,Arial,sans-serif;color:var(--ink);
 background:linear-gradient(#7fd0f5,#35a7e0 60%,#1c7fc0);min-height:100vh}
h1,h2,.logo,.btn,.badge{font-family:'Fredoka',system-ui,sans-serif}
a{color:var(--sky2)}
.wrap{max-width:900px;margin:0 auto;padding:0 20px}
header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;max-width:940px;margin:0 auto;flex-wrap:wrap;gap:10px}
.logo{font-weight:700;font-size:1.5rem;color:#fff;text-decoration:none;text-shadow:2px 2px 0 var(--navy)}
.logo b{color:var(--gold)}
nav a{color:#fff;text-decoration:none;font-weight:700;margin-left:16px}
.langs a{color:#fff;opacity:.8;margin-left:8px;font-weight:700;text-decoration:none}
.langs a.on{opacity:1;text-decoration:underline}
.hero{background:var(--cream);border-radius:26px;margin:10px auto 26px;max-width:900px;padding:34px 28px;
 box-shadow:0 12px 0 rgba(14,43,92,.25);border:4px solid #fff;text-align:center}
h1{font-size:2.9rem;line-height:1;margin:.1em 0;color:var(--red);text-shadow:2px 2px 0 var(--navy)}
h1 .y{color:var(--gold)}
.tagline{font-size:1.7rem;color:var(--navy);font-weight:700;margin:.3em 0}
.subtitle{color:#3a5170;font-size:1.15rem;margin:.2em 0 1em}
.badge{display:inline-block;background:var(--red);color:#fff;font-weight:700;padding:8px 16px;border-radius:999px;
 transform:rotate(-6deg);box-shadow:0 4px 0 #9e2018;font-size:1.05rem;margin-bottom:10px}
.lead{font-size:1.15rem;line-height:1.6;max-width:640px;margin:12px auto}
.btn{display:inline-block;background:var(--gold);color:var(--navy);font-weight:700;font-size:1.3rem;
 padding:16px 30px;border-radius:16px;text-decoration:none;box-shadow:0 6px 0 #c99200;margin:8px}
.btn:hover{transform:translateY(2px);box-shadow:0 4px 0 #c99200}
.btn.play{background:var(--red);color:#fff;box-shadow:0 6px 0 #9e2018}
.platform{color:#3a5170;font-weight:700;margin-top:6px}
.card{background:#fff;border-radius:20px;padding:24px;margin:16px auto;max-width:900px;box-shadow:0 8px 0 rgba(14,43,92,.18)}
.card h2{color:var(--navy);margin-top:0}
.feat{list-style:none;padding:0;margin:0}
.feat li{padding:10px 0 10px 40px;position:relative;font-size:1.1rem;border-bottom:1px dashed #d9e6f2}
.feat li:before{content:"⚓";position:absolute;left:6px;color:var(--sky2)}
.bundle{background:#eaf6ff;border:2px dashed var(--sky2);border-radius:14px;padding:14px 18px;text-align:center;font-size:1.05rem}
.dentist{background:var(--navy);color:#fff;border-radius:20px;padding:20px;text-align:center;margin:16px auto;max-width:900px}
.dentist a{color:var(--gold);font-weight:700}
.posters{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.poster{background:#fff;border-radius:16px;padding:14px;box-shadow:0 6px 0 rgba(14,43,92,.15);text-align:center}
.poster img{width:100%;border-radius:8px;border:1px solid #e3ecf5}
.poster .dl{display:block;margin-top:8px}
footer{color:#eaf6ff;text-align:center;padding:26px 20px;font-size:.95rem}
footer a{color:#fff}