@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@600;700;800;900&display=swap');
:root{
  --blue:#0c56c7;
  --blue2:#1f79ff;
  --nav:#0847a3;
  --sky:#8be1ff;
  --sky2:#d9f5ff;
  --green:#61ce2e;
  --green2:#41b818;
  --orange:#ff8c00;
  --pink:#ff5ba6;
  --purple:#7c5cff;
  --yellow:#ffd33d;
  --text:#16345b;
  --white:#ffffff;
  --shadow:0 18px 50px rgba(17,71,139,.16);
  --radius:28px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Nunito',system-ui,sans-serif;color:var(--text);background:#dff4ff;scroll-behavior:smooth}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{font:inherit}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(circle at top left,rgba(255,255,255,.55),transparent 35%),radial-gradient(circle at right 10% top 30%,rgba(255,255,255,.35),transparent 25%),linear-gradient(180deg,#dff5ff 0%,#eefaff 100%);z-index:-2}
.page-transition{position:fixed;inset:0;background:radial-gradient(circle at center,#ffffff,#cfeeff);opacity:0;pointer-events:none;transition:.35s;z-index:999}.page-transition.show{opacity:1}
.spark{position:fixed;width:10px;height:10px;border-radius:50%;background:#ffd84d;pointer-events:none;z-index:1000;animation:sparkMove .55s ease-out forwards}.spark::after{content:'';position:absolute;inset:-3px;border-radius:50%;background:rgba(255,255,255,.7);filter:blur(2px)}
@keyframes sparkMove{from{transform:translate(0,0) scale(1);opacity:1}to{transform:translate(var(--x),var(--y)) scale(.2);opacity:0}}
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);padding:14px 18px;border-radius:999px;background:#103f85;color:#fff;font-weight:900;box-shadow:0 16px 30px rgba(0,0,0,.2);opacity:0;transition:.25s;z-index:1200}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.site-shell{width:min(1700px,100%);margin:0 auto;padding:0 20px 30px}
.home-page .site-shell{padding-top:14px}
.home-frame{overflow:hidden;border-radius:36px;box-shadow:0 24px 60px rgba(12,85,163,.18);background:linear-gradient(180deg,#78d9ff 0%,#7cdafc 50%,#6ad246 50%,#5ec83c 100%);position:relative;min-height:100vh}
.home-frame::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,rgba(255,255,255,.35),transparent 20%),radial-gradient(circle at 100% 0%,rgba(255,255,255,.22),transparent 18%);pointer-events:none}
.home-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;background:linear-gradient(180deg,#06429c 0%,#0b58c6 100%);box-shadow:0 10px 24px rgba(7,63,134,.22)}
.brand{display:flex;align-items:center;gap:12px}.logo-star{width:54px;height:54px;border-radius:16px;position:relative;background:linear-gradient(180deg,#ffe05e,#ffb600);box-shadow:inset 0 -4px 0 rgba(0,0,0,.08),0 8px 18px rgba(0,0,0,.12);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.logo-star::after{content:'★';position:absolute;inset:0;display:grid;place-items:center;color:#fff5a3;font-size:20px;text-shadow:0 2px 0 rgba(0,0,0,.16)}
.brand .text{display:flex;flex-direction:column;line-height:1}.brand .text strong{font-family:'Baloo 2',cursive;font-size:36px;line-height:.9;color:#ffd43c}.brand .text span{margin-top:2px;font-size:17px;color:#fff;font-weight:900}
.nav-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nav-links a{padding:10px 14px;border-radius:16px;color:#fff;font-weight:900;display:flex;align-items:center;gap:8px;transition:.18s;background:rgba(255,255,255,.06)}
.nav-links a:hover,.nav-links a.active{background:#fff;color:#123d7f;transform:translateY(-2px)}
.top-score{display:flex;align-items:center;gap:14px}.score-pill{padding:14px 22px;border-radius:20px;color:#fff;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.18);font-weight:900;font-size:28px;display:flex;gap:10px;align-items:center}.avatar-ring{width:64px;height:64px;border-radius:50%;overflow:hidden;border:4px solid #ffd84b;box-shadow:0 8px 20px rgba(0,0,0,.16)}.avatar-ring img{width:100%;height:100%;object-fit:cover}
.mobile-actions,.menu-toggle,.mobile-drawer{display:none}
.marquee-bar{position:relative;z-index:5;overflow:hidden;background:rgba(255,255,255,.22);border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}
.marquee-track{display:flex;gap:22px;padding:12px 18px;min-width:max-content;animation:marquee 26s linear infinite}.marquee-track span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.78);color:#134d98;font-weight:900;box-shadow:0 8px 14px rgba(0,0,0,.06)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hero-home{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:18px;padding:42px 34px 10px;min-height:720px}
.hero-copy{position:relative;z-index:2;padding:10px 0 30px 18px}
.badge{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:rgba(255,255,255,.92);border-radius:999px;font-weight:900;color:#0f58aa;box-shadow:0 10px 18px rgba(0,0,0,.07)}
.hero-copy h1{margin:18px 0 10px;font-family:'Baloo 2',cursive;font-size:102px;line-height:.88;color:#10428d;letter-spacing:-2px}.hero-copy h1 .orange{color:#ff7a00}.hero-copy h1 .green{color:#28ab26}.hero-copy p{max-width:660px;font-size:28px;line-height:1.42;font-weight:800;color:#1a4277;text-shadow:0 1px 0 rgba(255,255,255,.18)}
.home-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:26px}.cta-btn{padding:20px 26px;border-radius:22px;color:#fff;font-size:26px;font-weight:900;box-shadow:0 12px 24px rgba(0,0,0,.14);transition:.18s}.cta-blue{background:linear-gradient(180deg,#1a8aff,#0b62de)}.cta-green{background:linear-gradient(180deg,#51db44,#2bae1c)}.cta-btn:hover{transform:translateY(-3px) scale(1.02)}
.hero-visual{position:relative;display:flex;justify-content:flex-end;align-items:center;height:100%;z-index:2;padding-right:14px}
.hero-stage{position:relative;width:min(100%,860px);height:640px;border-radius:42px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08));box-shadow:inset 0 0 0 2px rgba(255,255,255,.32),0 22px 44px rgba(0,0,0,.08);overflow:hidden}
.hero-stage::before{content:'';position:absolute;left:0;right:0;bottom:0;height:47%;background:linear-gradient(180deg,#8fe36a,#4fb228)}
.hero-stage::after{content:'';position:absolute;left:0;right:0;top:0;height:100%;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.45),transparent 14%),radial-gradient(circle at 79% 18%,rgba(255,255,255,.38),transparent 12%)}
.house{position:absolute;right:28px;bottom:145px;width:170px;height:180px;background:#c15a37;border-radius:12px 12px 0 0;box-shadow:0 8px 0 rgba(0,0,0,.08)}.house::before{content:'';position:absolute;left:-14px;right:-14px;top:-62px;height:72px;background:#6f5c54;clip-path:polygon(50% 0,100% 100%,0 100%)}.house::after{content:'';position:absolute;left:58px;bottom:0;width:52px;height:94px;background:#784426;border-radius:10px 10px 0 0}.window{position:absolute;width:34px;height:34px;background:#f6f2cc;border:4px solid #8f5c3a;top:56px;right:28px}.window.left{right:76px}
.hero-characters{position:absolute;right:-20px;bottom:26px;width:min(104%,840px);z-index:3;filter:drop-shadow(0 18px 18px rgba(0,0,0,.16))}
.sign-board{position:absolute;right:18px;bottom:84px;z-index:4;max-width:280px;background:linear-gradient(180deg,#efb266,#d89042);border:5px solid #93602b;border-radius:22px;padding:18px 16px;box-shadow:0 14px 24px rgba(0,0,0,.16)}.sign-board strong{display:block;font-family:'Baloo 2',cursive;font-size:32px;line-height:1;color:#3c230a;text-align:center;margin-bottom:10px}.sign-board span{display:block;font-size:16px;line-height:1.3;font-weight:900;color:#44270b;text-align:center}
.floating{position:absolute;z-index:1;animation:floatY 6s ease-in-out infinite}.float-star{width:18px;height:18px;border-radius:50%;background:#fff1a9;box-shadow:0 0 0 6px rgba(255,241,169,.14),0 0 30px #fff5c8}.float-letter{font-family:'Baloo 2',cursive;font-size:46px;color:rgba(255,255,255,.62);text-shadow:0 8px 20px rgba(0,0,0,.06)}.float-small{font-size:28px}
.cloud{position:absolute;border-radius:999px;background:rgba(255,255,255,.78);filter:blur(0.2px);box-shadow:60px 12px 0 6px rgba(255,255,255,.78),22px -12px 0 8px rgba(255,255,255,.78)}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.category-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;padding:0 28px 24px;position:relative;z-index:4}
.category-pill{padding:16px 14px;border-radius:24px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);text-align:center;font-weight:900;font-size:24px;color:#12457d}.category-pill small{display:block;margin-top:4px;font-size:15px;color:#5f7e9a}
.preview-row{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;padding:0 28px 18px;position:relative;z-index:4}
.home-card{background:#fff;border-radius:30px;padding:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:470px}.count-badge{align-self:flex-start;padding:8px 12px;border-radius:999px;background:#edf5ff;color:#12529b;font-weight:900;font-size:13px;margin-bottom:10px}.home-card .thumb{height:200px;border-radius:24px;overflow:hidden}.home-card .thumb img{width:100%;height:100%;object-fit:cover}.home-card h3{font-family:'Baloo 2',cursive;font-size:26px;line-height:1;margin:14px 0 8px;color:#113f81}.home-card p{font-size:16px;line-height:1.45;color:#5b7896;font-weight:800;margin:0 0 16px;flex:1}.home-card .goto{display:flex;justify-content:center;align-items:center;height:58px;border-radius:18px;color:#fff;font-weight:900;font-size:24px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.14)}
.home-card.hayvan .goto{background:linear-gradient(180deg,#1b90ff,#005fd7)}
.home-card.ingilizce .goto{background:linear-gradient(180deg,#8a74ff,#6b47ff)}
.home-card.sayilar .goto{background:linear-gradient(180deg,#ffbd28,#f39000)}
.home-card.renkler .goto{background:linear-gradient(180deg,#ff6ab7,#eb1678)}
.home-card.meyveler .goto{background:linear-gradient(180deg,#7add25,#47af11)}
.home-card.oyunlar .goto{background:linear-gradient(180deg,#ff8e38,#ff4f00)}
.extras-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;padding:0 28px 24px;position:relative;z-index:4}.panel-card{background:rgba(255,255,255,.96);border-radius:30px;padding:22px;box-shadow:var(--shadow)}.panel-card h3{font-family:'Baloo 2',cursive;font-size:36px;line-height:1;color:#114282;margin:0 0 16px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature-item{background:#eff8ff;border-radius:24px;padding:16px;min-height:112px}.feature-item strong{display:block;font-size:20px;color:#114a90;margin-bottom:6px}.feature-item span{font-size:15px;color:#5d7993;font-weight:800;line-height:1.45}.list-grid{display:grid;gap:10px}.list-grid .row{display:flex;justify-content:space-between;align-items:center;background:#f5fbff;border-radius:18px;padding:14px 16px;font-weight:900;color:#194a80}.list-grid .row span:last-child{color:#2ea427}
.reward-card{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#fff7cf,#fff0b0);border-radius:24px;padding:18px 20px}.reward-card strong{display:block;font-family:'Baloo 2',cursive;font-size:28px;line-height:1;color:#825408}.reward-card p{margin:6px 0 0;font-size:15px;color:#6b5a2b;font-weight:800}.reward-card button{border:none;background:linear-gradient(180deg,#53d548,#24aa18);color:#fff;border-radius:18px;padding:16px 20px;font-size:20px;font-weight:900;cursor:pointer;box-shadow:0 10px 18px rgba(36,170,24,.22)}
.stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:0 28px 30px;position:relative;z-index:4}.info-box{background:rgba(255,255,255,.96);border-radius:26px;padding:18px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px}.icon-badge{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:28px;font-weight:900;color:#fff}.icon-target{background:linear-gradient(180deg,#ff8b3c,#ff3b0f)}.icon-star{background:linear-gradient(180deg,#ffd754,#ffaf00)}.icon-medal{background:linear-gradient(180deg,#5f9cff,#2763ff)}.icon-cap{background:linear-gradient(180deg,#7358ff,#4036b5)}.icon-gift{background:linear-gradient(180deg,#ff84ad,#ff4b6e)}.info-box strong{display:block;color:#0d437d;font-size:18px}.info-box .big{font-size:34px;font-weight:900;color:#123f84}.progress-track{margin-top:8px;height:12px;border-radius:999px;background:#e0effd;overflow:hidden}.progress-track span{display:block;height:100%;width:65%;border-radius:999px;background:linear-gradient(90deg,#1a88ff,#5ae150)}
.footer-note{text-align:center;padding:0 28px 28px;font-weight:900;color:#2b5f93;position:relative;z-index:4}.footer-note span{display:inline-block;background:rgba(255,255,255,.85);padding:14px 20px;border-radius:999px;box-shadow:0 10px 18px rgba(0,0,0,.06)}

/* common pages */
.page-topbar{position:sticky;top:0;z-index:40;padding:12px 18px;background:linear-gradient(180deg,#0b4cae,#1692ec)}.bar-inner{width:min(1600px,100%);margin:0 auto;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);border-radius:28px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.back-btn{padding:12px 16px;background:#fff;border-radius:18px;font-weight:900;color:#144581;box-shadow:0 8px 16px rgba(0,0,0,.08)}.top-title{text-align:center;flex:1}.top-title strong{display:block;font-family:'Baloo 2',cursive;color:#fff;font-size:42px;line-height:1}.top-title span{display:block;color:#e5f7ff;font-weight:800}.star-box{padding:12px 16px;background:#0e418d;color:#fff;border-radius:18px;font-weight:900;font-size:22px;min-width:120px;text-align:center}
.page-hero{position:relative;width:min(1600px,100%);margin:18px auto;padding:26px 28px;border-radius:34px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;overflow:hidden;box-shadow:var(--shadow)}
.page-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.32),transparent 18%),radial-gradient(circle at 20% 10%,rgba(255,255,255,.22),transparent 12%)}
.hero-animals{background:linear-gradient(135deg,#b9ebff,#7fd1ff 55%,#6dd95e)}
.hero-english{background:linear-gradient(135deg,#cbe4ff,#8ec5ff 55%,#a8f0ff)}
.hero-numbers{background:linear-gradient(135deg,#ffe8a0,#ffc04d 58%,#ffefc2)}
.hero-colors{background:linear-gradient(135deg,#ffd6ea,#e3d6ff 42%,#e1fff6)}
.hero-fruits{background:linear-gradient(135deg,#fff0b2,#e9ffcf 45%,#ffd4df)}
.hero-games{background:linear-gradient(135deg,#cbe9ff,#8ad1ff 48%,#d1ffbe)}
.hero-copy-simple{position:relative;z-index:2}.hero-badge{display:inline-flex;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.86);font-weight:900;color:#1457a5;margin-bottom:14px}.hero-copy-simple h1{margin:0;font-family:'Baloo 2',cursive;font-size:78px;line-height:.92;color:#143f81}.hero-copy-simple h1 .accent{display:block;color:#2cab2a}.hero-copy-simple p{font-size:24px;line-height:1.45;font-weight:800;color:#27527f;max-width:720px;margin:16px 0 0}.page-note{display:inline-block;margin-top:16px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.72);font-weight:900;color:#2a567f}.hero-art-simple{display:flex;justify-content:flex-end;align-items:center;gap:14px;position:relative;z-index:2}.hero-art-simple img{width:min(30%,200px);aspect-ratio:1/1;border-radius:24px;object-fit:cover;box-shadow:0 16px 30px rgba(0,0,0,.12)}.hero-art-simple img:first-child{width:min(48%,340px)}.hero-art-simple img.small{transform:translateY(24px)}.theme-bubble{position:absolute;border-radius:50%;background:rgba(255,255,255,.16);animation:floatY 5s ease-in-out infinite}.theme-bubble.one{width:110px;height:110px;left:54%;top:14px}.theme-bubble.two{width:70px;height:70px;right:12%;bottom:14px}
.section{width:min(1600px,100%);margin:0 auto 28px;padding:0 8px}
.filter-strip{display:flex;gap:10px;flex-wrap:wrap;margin:0 10px 18px}.filter-chip{padding:10px 14px;background:#edf6ff;border-radius:999px;color:#114c94;font-weight:900;box-shadow:0 8px 14px rgba(0,0,0,.05)}
.card-grid,.quiz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.animals-grid{grid-template-columns:repeat(5,1fr)}.colors-grid,.fruit-grid{grid-template-columns:repeat(5,1fr)}
.learning-card{background:#fff;border-radius:28px;padding:12px;box-shadow:var(--shadow);display:flex;flex-direction:column}.card-visual{height:240px;border-radius:22px;overflow:hidden;position:relative}.card-visual img{width:100%;height:100%;object-fit:cover}.card-bg-blue{background:linear-gradient(180deg,#caebff,#eef9ff)}.card-bg-yellow{background:linear-gradient(180deg,#fff0b1,#fff9d9)}.card-bg-orange{background:linear-gradient(180deg,#ffd0b4,#fff2df)}.card-bg-green{background:linear-gradient(180deg,#d7ffd3,#f4fff0)}.card-bg-pink{background:linear-gradient(180deg,#ffd6ea,#fff4fa)}.card-bg-purple{background:linear-gradient(180deg,#ebddff,#f6f0ff)}
.card-body{padding:14px 6px 6px;display:flex;flex-direction:column;flex:1}.card-body h3{font-family:'Baloo 2',cursive;font-size:24px;line-height:1;margin:0 0 6px;color:#103f80}.card-body .sub{font-weight:900;color:#6f4fff;font-size:18px;margin-bottom:8px}.card-body p{margin:0 0 14px;color:#5f7d96;font-size:15px;line-height:1.42;font-weight:800;flex:1}.listen-btn,.game-open-btn{border:none;border-radius:18px;padding:14px 16px;color:#fff;font-size:19px;font-weight:900;cursor:pointer;box-shadow:inset 0 -4px 0 rgba(0,0,0,.13)}.listen-btn{background:linear-gradient(180deg,#1693ff,#005ed7)}.game-open-btn{background:linear-gradient(180deg,#47d143,#25a915)}
.sound-only{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:auto}.sound-tag{padding:8px 12px;border-radius:999px;background:#eef5ff;color:#114c95;font-weight:900;font-size:13px}

.number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.number-card{background:#fff;border-radius:28px;padding:12px;box-shadow:var(--shadow);overflow:hidden}.number-visual{height:320px;border-radius:22px;position:relative;overflow:hidden;background:linear-gradient(180deg,#fff5c1 0%,#ffe9a6 100%)}.number-visual .kid{position:absolute;right:8px;bottom:0;width:54%;filter:drop-shadow(0 8px 12px rgba(0,0,0,.12))}.number-board{position:absolute;left:18px;bottom:30px;min-width:110px;height:90px;padding:0 18px;border-radius:18px;background:linear-gradient(180deg,#da9b56,#b97835);border:5px solid #8e5724;display:flex;align-items:center;justify-content:center;color:#fff7df;font-family:'Baloo 2',cursive;font-size:54px;box-shadow:0 12px 18px rgba(0,0,0,.14);text-shadow:0 3px 0 rgba(90,52,19,.46)}.number-board::before{content:'';position:absolute;inset:8px;border:2px dashed rgba(255,245,212,.52);border-radius:10px}.dot-row{position:absolute;left:18px;top:18px;display:flex;flex-wrap:wrap;gap:10px;max-width:140px}.dot{width:18px;height:18px;border-radius:50%}.number-body{padding:14px 6px 8px}.number-body h3{margin:0;font-family:'Baloo 2',cursive;font-size:26px;color:#123f7f}.number-body .sub{color:#704eff;font-weight:900;font-size:18px}.number-body p{margin:8px 0 14px;color:#5b7896;font-size:15px;font-weight:800}

.game-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.game-card{background:#fff;border-radius:30px;padding:14px;box-shadow:var(--shadow);display:flex;flex-direction:column}.game-card .thumb{height:210px;border-radius:22px;overflow:hidden;margin-bottom:14px}.game-card .thumb img{width:100%;height:100%;object-fit:cover}.game-card h3{margin:0 0 8px;font-family:'Baloo 2',cursive;font-size:28px;color:#114385}.game-card p{margin:0 0 16px;flex:1;color:#5e7a95;font-weight:800;line-height:1.45}
.quiz-box{background:#fff;border-radius:32px;padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:520px}.quiz-box h3{margin:0 0 6px;font-family:'Baloo 2',cursive;font-size:34px;color:#104282}.quiz-box p{margin:0 0 14px;color:#5d7a97;font-weight:800}.quiz-question{margin:8px 0 16px;padding:14px 16px;border-radius:18px;background:#eef6ff;font-size:24px;font-weight:900;color:#123f7d}.quiz-stage{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.quiz-option{background:#fff;border:3px solid #e2f0ff;border-radius:24px;padding:10px;cursor:pointer;transition:.16s;box-shadow:0 10px 18px rgba(0,0,0,.05)}.quiz-option:hover{transform:translateY(-3px);border-color:#5cb7ff}.quiz-option.correct{border-color:#33b62b;background:#efffed}.quiz-option.wrong{border-color:#ff6666;background:#fff1f1}.quiz-option .pic{height:170px;border-radius:18px;overflow:hidden;background:#f4f9ff}.quiz-option .pic img{width:100%;height:100%;object-fit:cover}.quiz-option .label{text-align:center;padding:10px 4px 2px;font-weight:900;color:#134682;font-size:20px}
.quiz-status{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.quiz-score{font-size:18px;font-weight:900;color:#13447e}.quiz-next{border:none;border-radius:16px;background:linear-gradient(180deg,#4fd246,#23a813);color:#fff;font-weight:900;padding:12px 16px;cursor:pointer}

/* responsive */
@media (max-width:1500px){.preview-row{grid-template-columns:repeat(3,1fr)}.category-strip{grid-template-columns:repeat(3,1fr)}.stats-row{grid-template-columns:repeat(3,1fr)}.animals-grid,.colors-grid,.fruit-grid{grid-template-columns:repeat(4,1fr)}.card-grid,.number-grid,.game-menu{grid-template-columns:repeat(3,1fr)}.hero-copy h1{font-size:86px}}
@media (max-width:1100px){.hero-home,.page-hero{grid-template-columns:1fr}.hero-copy{padding:0}.hero-stage{width:100%;height:500px}.hero-copy h1{font-size:74px}.hero-copy p,.hero-copy-simple p{font-size:20px}.hero-copy-simple h1{font-size:62px}.extras-grid{grid-template-columns:1fr}.preview-row,.category-strip,.stats-row,.card-grid,.number-grid,.game-menu,.quiz-grid,.animals-grid,.colors-grid,.fruit-grid{grid-template-columns:repeat(2,1fr)}.top-score{display:none}}
@media (max-width:760px){.site-shell{padding:0}.home-page .site-shell{padding-top:0}.home-frame{border-radius:0;min-height:100vh}.home-nav{padding:12px 14px}.nav-links{display:none}.mobile-actions,.menu-toggle{display:flex}.menu-toggle{border:none;background:#fff;color:#144b8b;border-radius:16px;padding:12px 14px;font-weight:900;cursor:pointer}.mobile-drawer{display:none;position:fixed;inset:0;background:rgba(0,0,0,.25);backdrop-filter:blur(6px);z-index:100}.mobile-drawer.show{display:block}.drawer-panel{position:absolute;right:12px;top:12px;width:min(340px,calc(100% - 24px));background:#fff;border-radius:26px;padding:18px;box-shadow:0 28px 58px rgba(0,0,0,.22)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.drawer-close{border:none;background:#eef6ff;color:#114a8a;border-radius:12px;padding:10px 12px;font-weight:900;cursor:pointer}.drawer-links{display:grid;gap:10px}.drawer-links a{padding:14px 16px;background:#f5faff;border-radius:18px;font-weight:900;color:#154982}.brand .text strong{font-size:28px}.brand .text span{font-size:14px}.marquee-track{padding:9px 12px}.hero-home{padding:24px 16px 8px;min-height:auto}.hero-copy h1{font-size:58px}.hero-copy p{font-size:18px}.cta-btn{font-size:21px;padding:16px 18px}.hero-stage{height:380px;border-radius:28px}.house{width:110px;height:120px;bottom:90px;right:12px}.house::before{top:-38px;height:46px}.house::after{left:36px;width:34px;height:64px}.window{display:none}.hero-characters{right:-10px;bottom:16px;width:108%}.sign-board{max-width:170px;right:10px;bottom:52px;padding:12px 10px}.sign-board strong{font-size:20px}.sign-board span{font-size:11px}.category-strip,.preview-row,.extras-grid,.stats-row,.footer-note{padding-left:16px;padding-right:16px}.preview-row,.category-strip,.stats-row,.card-grid,.number-grid,.game-menu,.quiz-grid,.animals-grid,.colors-grid,.fruit-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.bar-inner{border-radius:20px;padding:12px}.top-title strong{font-size:28px}.page-hero{margin:0 0 16px;padding:20px 16px;border-radius:0}.hero-copy-simple h1{font-size:46px}.hero-art-simple{justify-content:flex-start}.hero-art-simple img:first-child{width:48%}.hero-art-simple img{width:28%}.section{padding:0 10px}.quiz-stage{grid-template-columns:1fr}.quiz-option .pic{height:140px}}


/* V21 premium polish */
.brand .text strong{font-size:32px;line-height:1}
.brand .text span{font-size:13px;opacity:.92;letter-spacing:.2px}
.nav-links a{font-size:18px;padding:12px 16px}
.home-frame{background:linear-gradient(180deg,#76d8ff 0%,#84e0ff 46%,#66d941 46%,#54c536 100%)}
.home-nav{padding:16px 24px}
.premium-ribbon{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:999px;background:linear-gradient(180deg,#fffdf2,#ffffff);box-shadow:0 16px 28px rgba(0,0,0,.08);font-weight:900;color:#1253a2;border:2px solid rgba(255,255,255,.45)}
.premium-ribbon .dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(180deg,#ffd64a,#ffb400);box-shadow:0 0 0 7px rgba(255,214,74,.18)}
.hero-copy h1{font-size:110px;text-shadow:0 8px 24px rgba(255,255,255,.18)}
.hero-copy p{font-size:29px;max-width:690px}
.hero-stage{height:670px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.1));box-shadow:inset 0 0 0 3px rgba(255,255,255,.35),0 26px 52px rgba(0,0,0,.09)}
.hero-stage::before{height:44%;background:linear-gradient(180deg,#94e66b,#57c831)}
.hero-glow{position:absolute;inset:16px;border-radius:34px;background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.28),transparent 28%);pointer-events:none;z-index:2}
.hero-orbits{position:absolute;right:12px;top:16px;display:grid;gap:10px;z-index:5}
.orbit-pill{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.92);color:#124b94;font-weight:900;box-shadow:0 10px 20px rgba(0,0,0,.08)}
.float-letter{font-size:52px}
.float-star{box-shadow:0 0 0 8px rgba(255,241,169,.14),0 0 36px #fff5c8}
.quick-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 28px 22px;position:relative;z-index:4}
.quick-link-card{background:rgba(255,255,255,.92);border-radius:28px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow);transition:.18s}
.quick-link-card:hover{transform:translateY(-4px)}
.quick-blob{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;font-family:'Baloo 2',cursive;font-size:26px;font-weight:900;color:#fff;box-shadow:inset 0 -4px 0 rgba(0,0,0,.1)}
.qb-blue{background:linear-gradient(180deg,#1b90ff,#005fd7)}.qb-violet{background:linear-gradient(180deg,#8a74ff,#6b47ff)}.qb-orange{background:linear-gradient(180deg,#ffbd28,#f39000)}.qb-green{background:linear-gradient(180deg,#7add25,#47af11)}
.quick-link-card strong{display:block;font-size:24px;color:#12457d}.quick-link-card span{display:block;font-size:15px;color:#5f7d96;font-weight:800}
.section-headline{padding:0 28px 14px;position:relative;z-index:4}.section-headline h2{margin:0;font-family:'Baloo 2',cursive;font-size:52px;color:#fff;line-height:1;text-shadow:0 10px 26px rgba(15,83,149,.24)}.section-headline p{margin:6px 0 0;color:#e8fbff;font-size:18px;font-weight:800}
.category-pill{font-size:22px;padding:18px 14px}
.preview-row{padding-bottom:26px}
.home-card{border:2px solid rgba(255,255,255,.3);min-height:490px}
.home-card .thumb{height:210px}
.count-badge{font-size:14px;padding:9px 14px}
.home-card h3{font-size:30px}
.home-card p{font-size:16px}
.glass-panel{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.88))}
.info-box,.panel-card,.home-card,.quick-link-card{backdrop-filter:blur(6px)}
.home-starry-layer{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.home-starry-layer span{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff7ba;box-shadow:0 0 0 6px rgba(255,247,186,.12),0 0 18px rgba(255,255,255,.8);animation:twinkle 4.8s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:.3;transform:scale(.75)}50%{opacity:1;transform:scale(1.15)}}
.feature-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 28px 24px;position:relative;z-index:4}
.feature-ribbon .item{background:rgba(255,255,255,.88);border-radius:24px;padding:18px;box-shadow:var(--shadow)}
.feature-ribbon .item strong{display:block;font-size:22px;color:#114483;margin-bottom:6px}.feature-ribbon .item span{font-size:15px;color:#5f7c97;font-weight:800;line-height:1.45}
.loading-splash{position:fixed;inset:0;background:radial-gradient(circle at center,#ffffff,#d5efff);display:flex;align-items:center;justify-content:center;z-index:2000;transition:.45s}.loading-splash.hide{opacity:0;pointer-events:none}
.loading-card{background:#fff;border-radius:28px;padding:26px 30px;box-shadow:0 22px 48px rgba(17,71,139,.16);text-align:center;min-width:260px}.loading-card .star{width:72px;height:72px;margin:0 auto 14px;background:linear-gradient(180deg,#ffe05e,#ffb600);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.loading-card strong{display:block;font-family:'Baloo 2',cursive;font-size:34px;color:#1250a0}.loading-card span{display:block;font-weight:800;color:#6280a0}
.listen-btn[disabled]{opacity:.55;cursor:not-allowed;background:linear-gradient(180deg,#86bdf1,#5d8cbc)}
@media (max-width:1500px){.quick-link-grid,.feature-ribbon{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1100px){.quick-link-grid,.feature-ribbon{grid-template-columns:1fr}.hero-copy h1{font-size:84px}.hero-stage{height:540px}}
@media (max-width:760px){.section-headline,.quick-link-grid,.feature-ribbon{padding-left:16px;padding-right:16px}.premium-ribbon{font-size:14px;padding:12px 14px}.hero-copy h1{font-size:62px}.hero-copy p{font-size:19px}.quick-link-card strong{font-size:21px}.home-card{min-height:unset}}


/* ================= V22 ULTRA PREMIUM ================= */
:root{--cyan:#2fd5ff;--gold:#ffd84d;--navy:#0a3c86;--mint:#5ce6b0}
.home-nav{border-bottom:1px solid rgba(255,255,255,.18)}
.brand .text strong{font-size:34px}.brand .text span{font-size:14px}
.nav-links a{position:relative;overflow:hidden}.nav-links a::after{content:'';position:absolute;left:12%;right:12%;bottom:6px;height:3px;border-radius:999px;background:linear-gradient(90deg,#ffd84d,#fff7b2);transform:scaleX(0);transition:.18s}.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.home-frame::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.08) 50%,transparent 58%);animation:sheen 12s linear infinite;z-index:1}@keyframes sheen{from{transform:translateX(-80%)}to{transform:translateX(80%)}}
.hero-home{padding-bottom:26px}.hero-copy{z-index:5}.hero-stage{isolation:isolate}.hero-stage::after{z-index:1}.hero-characters,.sign-board,.house,.hero-orbits,.hero-glow{z-index:4}.hero-glow{z-index:2}
.hero-stage .ground-shadow{position:absolute;left:20%;right:8%;bottom:38px;height:46px;border-radius:50%;background:rgba(27,89,40,.22);filter:blur(10px);z-index:2}
.hero-badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.mini-badge{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.78);color:#134d97;font-weight:900;box-shadow:0 7px 14px rgba(0,0,0,.05)}
.sound-toggle{border:none;border-radius:16px;padding:12px 15px;background:rgba(255,255,255,.12);color:#fff;font-weight:900;cursor:pointer;border:1px solid rgba(255,255,255,.18)}
.sound-toggle.on{background:#fff;color:#164a8b}
.profile-panel{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
.profile-copy strong{display:block;color:#fff;font-size:15px}.profile-copy span{display:block;color:#dff3ff;font-size:12px;font-weight:800}
.home-card .thumb{position:relative}.home-card .thumb::after{content:'';position:absolute;inset:0;border-radius:24px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);pointer-events:none}
.home-card:hover .thumb img{transform:scale(1.04)}.home-card .thumb img{transition:.28s}
.progress-board{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;padding:0 28px 24px;position:relative;z-index:5}
.progress-panel{background:rgba(255,255,255,.94);border-radius:30px;padding:22px;box-shadow:var(--shadow)}
.progress-panel h3{margin:0 0 14px;font-family:'Baloo 2',cursive;font-size:34px;color:#124582}.progress-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.progress-tile{padding:16px;border-radius:20px;background:#eef7ff}.progress-tile strong{display:block;font-size:13px;color:#5a7694}.progress-tile span{display:block;font-size:30px;font-weight:900;color:#124582;margin-top:4px}.level-card{background:linear-gradient(135deg,#fff6cb,#ffe28b);border-radius:30px;padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}.level-card strong{font-family:'Baloo 2',cursive;font-size:34px;color:#7a5200}.level-card p{margin:4px 0 12px;color:#6b5a28;font-weight:800}.level-bar{height:14px;border-radius:999px;background:rgba(255,255,255,.7);overflow:hidden}.level-bar span{display:block;height:100%;width:68%;background:linear-gradient(90deg,#ffb400,#ff7c00);border-radius:999px}
.daily-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 28px 24px;position:relative;z-index:4}.daily-card{background:rgba(255,255,255,.94);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.daily-card strong{display:block;color:#124582;font-size:19px;margin-bottom:5px}.daily-card span{display:block;color:#5e7a97;font-weight:800;font-size:14px}
.achievement-pop{position:fixed;right:22px;bottom:22px;width:min(360px,calc(100% - 44px));background:linear-gradient(135deg,#ffffff,#fff7cf);border-radius:24px;padding:18px;box-shadow:0 22px 48px rgba(0,0,0,.2);z-index:1600;transform:translateY(130%);transition:.35s}.achievement-pop.show{transform:translateY(0)}.achievement-pop strong{font-family:'Baloo 2',cursive;font-size:26px;color:#7e5500}.achievement-pop p{margin:4px 0 0;color:#6b5c30;font-weight:800}
.page-topbar{backdrop-filter:blur(8px)}.bar-inner{box-shadow:0 10px 22px rgba(0,0,0,.1)}
.learning-card,.number-card,.game-card,.quiz-box{transition:.2s transform,.2s box-shadow}.learning-card:hover,.number-card:hover,.game-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(17,71,139,.18)}
.learn-search{display:flex;gap:12px;margin:0 10px 18px}.learn-search input{flex:1;border:2px solid #dceeff;border-radius:18px;padding:14px 16px;font:800 16px 'Nunito',sans-serif;outline:none;background:#fff;box-shadow:0 8px 16px rgba(0,0,0,.04)}.learn-search input:focus{border-color:#54aaff}.learn-search button{border:none;border-radius:18px;padding:0 18px;background:#125ed5;color:#fff;font-weight:900;cursor:pointer}
.card-hidden{display:none!important}
.game-breadcrumb{display:flex;gap:10px;align-items:center;margin:0 10px 18px;color:#345f8c;font-weight:900}.game-breadcrumb a{padding:9px 12px;border-radius:999px;background:#edf6ff}
.quiz-progress{height:12px;border-radius:999px;background:#e8f2fc;overflow:hidden;margin:0 0 14px}.quiz-progress span{display:block;height:100%;width:20%;background:linear-gradient(90deg,#27a0ff,#55dc55);border-radius:999px;transition:.3s}
.quiz-option{position:relative}.quiz-option .checkmark{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;display:none;place-items:center;font-weight:900;color:#fff}.quiz-option.correct .checkmark{display:grid;background:#31b72b}.quiz-option.wrong .checkmark{display:grid;background:#ef4f4f}
.quiz-actions{display:flex;gap:10px;flex-wrap:wrap}.quiz-home{border:none;border-radius:16px;background:#edf5ff;color:#14529b;padding:12px 16px;font-weight:900;cursor:pointer}
@media (max-width:1100px){.progress-board{grid-template-columns:1fr}.daily-strip{grid-template-columns:repeat(2,1fr)}.progress-tiles{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.profile-panel{display:none}.sound-toggle{padding:10px 12px}.progress-board,.daily-strip{padding-left:16px;padding-right:16px}.daily-strip{grid-template-columns:1fr 1fr}.progress-tiles{grid-template-columns:1fr 1fr}.hero-home{padding-top:18px}.hero-orbits{display:none}.hero-badge-row{gap:8px}.mini-badge{font-size:12px}.learn-search{margin-left:0;margin-right:0}.page-topbar .star-box{min-width:74px;font-size:16px}}

/* V23 ana ekran premium düzen */
.home-v23 .site-shell{width:100%;max-width:none;padding:0}
.home-v23 .home-frame{border-radius:0;box-shadow:none;min-height:100vh;background:linear-gradient(180deg,#77d8ff 0%,#85deff 49%,#68d744 49%,#59c738 100%)}
.home-v23 .home-nav{border-radius:0;padding:18px 28px}
.home-v23 .nav-links a{font-size:16px;padding:12px 14px}
.home-v23 .nav-links a.active{background:#fff;color:#0f4e95}
.home-v23 .top-score .score-pill{font-size:24px;padding:12px 18px}
.home-v23 .hero-home{min-height:610px;padding:34px 34px 22px;align-items:center}
.home-v23 .hero-copy{padding-left:14px}
.home-v23 .hero-copy h1{font-size:94px;line-height:.9;margin-top:16px}
.home-v23 .hero-copy p{max-width:620px;font-size:25px}
.home-v23 .premium-ribbon{font-size:18px}
.home-v23 .home-cta{margin-top:24px}
.home-v23 .cta-btn{font-size:24px;padding:18px 24px}
.home-v23 .hero-stage{width:min(100%,760px);height:520px;border-radius:36px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.1));box-shadow:inset 0 0 0 3px rgba(255,255,255,.36),0 26px 50px rgba(0,0,0,.12)}
.home-v23 .hero-stage::before{height:34%}
.home-v23 .hero-characters{right:-6px;bottom:18px;width:min(100%,720px)}
.home-v23 .sign-board{right:18px;bottom:22px;max-width:245px;padding:16px 14px}
.home-v23 .sign-board strong{font-size:30px}
.home-v23 .preview-row-v23{margin-top:-18px;padding:0 26px 14px;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;position:relative;z-index:5}
.home-v23 .compact-card{min-height:360px;border-radius:28px;padding:10px 10px 12px;border:2px solid rgba(255,255,255,.55)}
.home-v23 .compact-card .thumb{height:170px;border-radius:20px}
.home-v23 .compact-card h3{font-size:26px;margin:12px 4px 8px}
.home-v23 .compact-card p{font-size:15px;line-height:1.4;margin:0 4px 14px}
.home-v23 .compact-card .goto{height:54px;font-size:22px;border-radius:16px}
.home-v23 .stats-row-v23{padding:0 26px 28px;grid-template-columns:1.2fr .8fr .8fr .9fr 1.2fr;position:relative;z-index:5}
.home-v23 .gift-box-v23{justify-content:space-between}
.home-v23 .gift-action{border:none;border-radius:16px;background:linear-gradient(180deg,#55d946,#2fae1d);color:#fff;font-size:22px;font-weight:900;padding:12px 22px;cursor:pointer;box-shadow:inset 0 -4px 0 rgba(0,0,0,.14)}
.home-v23 .footer-note-v23{padding:0 0 24px;text-align:center;color:#fff;font-weight:900;font-size:20px;text-shadow:0 2px 10px rgba(0,0,0,.12)}
.home-v23 .marquee-bar,.home-v23 .progress-board,.home-v23 .daily-strip,.home-v23 .section-headline,.home-v23 .category-strip,.home-v23 .extras-grid{display:none!important}
.home-v23 .home-starry-layer{opacity:.9}
.home-v23 .quick-link-grid{display:none}
.home-v23 .info-box{background:rgba(255,255,255,.96)}
.home-v23 .home-card .thumb img{object-fit:cover}
.home-v23 .home-card.ingilizce .thumb img{object-fit:contain;background:linear-gradient(180deg,#f1e7ff,#d3c5ff);padding:10px}
.home-v23 .home-card.sayilar .thumb img{object-fit:contain;background:linear-gradient(180deg,#fff1b3,#ffe98a);padding:8px}
.home-v23 .home-card.meyveler .thumb img{object-fit:contain;background:linear-gradient(180deg,#fff3c9,#fff8e0);padding:10px}
.home-v23 .hero-stage .house{opacity:.95}
.home-v23 .compact-top .avatar-ring{width:58px;height:58px}
.home-v23 .compact-top{gap:12px}
.home-v23 .floating.float-letter{color:rgba(255,255,255,.48)}
.home-v23 .floating.float-star{box-shadow:0 0 0 8px rgba(255,241,169,.15),0 0 30px #fff5c8}

@media (max-width:1500px){
  .home-v23 .preview-row-v23{grid-template-columns:repeat(3,1fr)}
  .home-v23 .stats-row-v23{grid-template-columns:repeat(3,1fr)}
  .home-v23 .hero-copy h1{font-size:82px}
}
@media (max-width:1180px){
  .home-v23 .hero-home{grid-template-columns:1fr;gap:18px;padding-bottom:18px}
  .home-v23 .hero-copy{padding-left:0}
  .home-v23 .hero-stage{width:100%;height:480px}
  .home-v23 .preview-row-v23{margin-top:0}
  .home-v23 .stats-row-v23{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .home-v23 .home-nav{padding:12px 14px}
  .home-v23 .top-score{display:none}
  .home-v23 .hero-home{padding:22px 16px 8px;min-height:auto}
  .home-v23 .hero-copy h1{font-size:56px}
  .home-v23 .hero-copy p{font-size:18px}
  .home-v23 .premium-ribbon{font-size:14px}
  .home-v23 .cta-btn{font-size:20px;padding:16px 18px}
  .home-v23 .hero-stage{height:360px;border-radius:26px}
  .home-v23 .hero-characters{width:108%;right:-18px;bottom:14px}
  .home-v23 .sign-board{max-width:150px;right:10px;bottom:22px;padding:10px 8px}
  .home-v23 .sign-board strong{font-size:18px}
  .home-v23 .sign-board span{font-size:10px}
  .home-v23 .preview-row-v23,.home-v23 .stats-row-v23{padding-left:16px;padding-right:16px;grid-template-columns:1fr}
}

/* ==== V25 premium ana sayfa ==== */
body.home-v25{background:#dff0fb}
.v25-shell{width:min(1500px,100%);padding:8px 12px 24px}
.v25-card-shell{position:relative;overflow:hidden;border-radius:28px;box-shadow:0 18px 60px rgba(19,77,140,.18);background:linear-gradient(180deg,#73d4ff 0%,#77d5ff 48%,#61d340 48%,#59cb39 100%)}
.v25-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 24px;background:linear-gradient(180deg,#0b4aa3,#0b3c8d);border-radius:28px 28px 0 0;box-shadow:0 10px 18px rgba(0,0,0,.08)}
.v25-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:210px}
.v25-brand .brand-star{width:46px;height:46px;border-radius:14px;background:linear-gradient(180deg,#ffd955,#f6a800);display:grid;place-items:center;font-size:27px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.12),0 8px 18px rgba(0,0,0,.16)}
.v25-brand .brand-text{display:flex;flex-direction:column;line-height:1}
.v25-brand strong{font-size:26px;font-weight:900;color:#ffd34e}
.v25-brand span{font-size:12px;font-weight:700;opacity:.95;color:#fff}
.v25-links{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;flex:1}
.v25-links a{color:#fff;text-decoration:none;font-weight:900;font-size:15px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.08);transition:transform .15s ease, background .15s ease, box-shadow .15s ease}
.v25-links a:hover{transform:translateY(-2px);background:rgba(255,255,255,.14)}
.v25-links a.active{background:#fff;color:#12488c;box-shadow:0 8px 14px rgba(0,0,0,.1)}
.v25-right{display:flex;align-items:center;gap:12px}
.score-badge{padding:12px 18px;border-radius:18px;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.18);color:#fff;font-size:20px;font-weight:900;box-shadow:inset 0 -4px 0 rgba(0,0,0,.12)}

.hero-v25{position:relative;overflow:hidden;padding:34px 26px 10px;min-height:560px}
.hero-v25 .sky-layer{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.2),transparent 24%),radial-gradient(circle at 90% 12%,rgba(255,255,255,.16),transparent 20%);pointer-events:none}
.hero-grid-v25{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:center}
.hero-copy-v25{padding:18px 6px 18px 18px}
.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:rgba(255,255,255,.92);color:#1d5caa;font-size:15px;font-weight:900;box-shadow:0 8px 18px rgba(18,72,140,.1)}
.hero-copy-v25 h1{margin:18px 0 10px;line-height:.9;font-size:86px;font-weight:1000;letter-spacing:-1.5px}
.hero-copy-v25 .blue-dark{color:#143f88}.hero-copy-v25 .blue{color:#2b66df}.hero-copy-v25 .orange{color:#ff7a16}.hero-copy-v25 .green{color:#2fac36}
.hero-copy-v25 p{max-width:620px;font-size:22px;line-height:1.42;color:#184a86;font-weight:700}
.hero-actions-v25{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.btn-home,.card-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-weight:900;border-radius:18px;box-shadow:inset 0 -5px 0 rgba(0,0,0,.13),0 10px 20px rgba(0,0,0,.1);transition:transform .16s ease,filter .16s ease}
.btn-home:hover,.card-btn:hover{transform:translateY(-3px) scale(1.02);filter:brightness(1.03)}
.btn-home{height:62px;padding:0 24px;font-size:21px}
.blue-btn{background:linear-gradient(180deg,#2390ff,#0e68d9)}
.green-btn{background:linear-gradient(180deg,#51da48,#27b51a)}
.purple-btn{background:linear-gradient(180deg,#936cff,#6d45ef)}
.yellow-btn{background:linear-gradient(180deg,#ffbb20,#f39a00)}
.pink-btn{background:linear-gradient(180deg,#ff5aa4,#ee2c82)}
.orange-btn{background:linear-gradient(180deg,#ff7f2c,#eb4400)}

.hero-scene-v25{position:relative;height:470px;border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));box-shadow:inset 0 0 0 2px rgba(255,255,255,.32);overflow:hidden}
.hero-scene-v25::before{content:'';position:absolute;left:0;right:0;bottom:0;height:33%;background:linear-gradient(180deg,#8fe55c,#63c437)}
.hero-cast{position:absolute;right:22px;bottom:8px;width:min(100%,720px);filter:drop-shadow(0 18px 24px rgba(0,0,0,.18))}
.mini-house{position:absolute;right:24px;bottom:102px;width:150px;height:140px;background:linear-gradient(180deg,#d9846e,#b24e3b);border-radius:10px;box-shadow:inset 0 0 0 4px rgba(0,0,0,.07)}
.mini-house .roof{position:absolute;left:-12px;top:-46px;width:178px;height:62px;background:linear-gradient(180deg,#686b75,#4f525d);clip-path:polygon(50% 0,100% 100%,0 100%);display:block}
.mini-house .window{position:absolute;top:36px;width:24px;height:28px;border-radius:6px;background:#f0f6ff;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}
.mini-house .window.w1{left:30px}.mini-house .window.w2{left:72px}
.wood-sign{position:absolute;right:10px;bottom:20px;max-width:250px;padding:18px 16px;border-radius:20px;background:linear-gradient(180deg,#d9984f,#be7a32);border:4px solid #92561f;box-shadow:0 18px 24px rgba(0,0,0,.14);text-align:center;color:#3d240a}
.wood-sign strong{display:block;font-size:30px;line-height:1.05;font-weight:1000;margin-bottom:10px}.wood-sign span{font-size:15px;line-height:1.25;font-weight:900}

.cloud{position:absolute;background:#fff;border-radius:999px;opacity:.92;filter:drop-shadow(0 10px 12px rgba(38,121,202,.08));animation:cloudFloat 9s ease-in-out infinite}
.cloud::before,.cloud::after{content:'';position:absolute;background:#fff;border-radius:999px}
.cloud::before{width:54%;height:125%;left:12%;top:-42%}.cloud::after{width:40%;height:85%;right:10%;top:-18%}
.cloud.c1{left:84px;top:88px;width:132px;height:46px}.cloud.c2{left:48%;top:112px;width:108px;height:38px;animation-delay:1.4s}.cloud.c3{right:140px;top:90px;width:152px;height:52px;animation-delay:.7s}
.spark{position:absolute;width:16px;height:16px;background:radial-gradient(circle,#fff6b0 0%,#ffd24f 42%,transparent 62%);transform:rotate(45deg);animation:twinkle 2.4s ease-in-out infinite}
.spark::before,.spark::after{content:'';position:absolute;background:#fff4b0;border-radius:999px}
.spark::before{left:50%;top:-8px;transform:translateX(-50%);width:4px;height:30px}.spark::after{top:50%;left:-8px;transform:translateY(-50%);width:30px;height:4px}.spark.s1{left:36px;top:192px}.spark.s2{right:68px;top:204px;animation-delay:1.2s}.spark.s3{left:260px;top:140px;animation-delay:.4s}
.flying-bird{position:absolute;z-index:2;animation:birdFly 6s ease-in-out infinite}
.flying-bird img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.15))}
.bird1{right:300px;top:124px;width:132px}.bird2{right:170px;top:82px;width:92px;opacity:.92;transform:scale(.82) rotate(-6deg);animation-delay:1s}

.home-categories-v25{position:relative;z-index:3;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding:8px 18px 18px;margin-top:-8px}
.category-card-v25{background:rgba(255,255,255,.94);border:2px solid rgba(255,255,255,.74);border-radius:28px;box-shadow:0 16px 34px rgba(12,61,117,.16);padding:10px 10px 14px;display:flex;flex-direction:column;min-height:345px}
.category-card-v25:hover{transform:translateY(-5px);transition:transform .16s ease}
.card-image{height:162px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#d3f0ff,#bfe7ff)}
.card-image img{width:100%;height:100%;object-fit:cover}
.card-soft img{object-fit:contain;padding:8px}
.card-yellow{background:linear-gradient(180deg,#fff0b0,#ffe282)}
.card-fruit{background:linear-gradient(180deg,#fff8da,#ffecc0)}
.card-game{background:linear-gradient(180deg,#ffe0c3,#ffc891)}
.category-card-v25 h3{font-size:20px;line-height:1.05;color:#1a3f7c;margin:12px 4px 8px;font-weight:1000}
.category-card-v25 p{font-size:14px;line-height:1.4;color:#557392;margin:0 4px 14px;min-height:58px;font-weight:700}
.card-btn{height:54px;font-size:21px;margin-top:auto}

.stats-v25{display:grid;grid-template-columns:1.25fr .8fr .8fr .8fr 1.2fr;gap:14px;padding:2px 18px 20px;position:relative;z-index:3}
.stat-box{display:flex;align-items:center;gap:14px;min-height:104px;padding:18px;border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 14px 24px rgba(13,72,137,.14)}
.stat-box.wide{align-items:flex-start}.stat-box .icon{font-size:34px;line-height:1}.stat-content{display:flex;flex-direction:column;gap:3px;color:#234f8a}.stat-content strong{font-size:22px;font-weight:1000}.stat-content span{font-size:15px;font-weight:800}.stat-content .big{font-size:26px;color:#153e80}.progress{margin-top:8px;width:100%;height:10px;border-radius:999px;background:#dfeafb;overflow:hidden}.progress span{display:block;height:100%;width:60%;background:linear-gradient(90deg,#2a92ff,#73bdff)}
.gift{justify-content:space-between}.gift-open{border:none;border-radius:16px;padding:12px 18px;background:linear-gradient(180deg,#54dc46,#2ab71b);color:#fff;font-size:20px;font-weight:900;box-shadow:inset 0 -4px 0 rgba(0,0,0,.14);cursor:pointer}
.footer-v25{text-align:center;padding:4px 16px 24px;color:#fff;font-size:18px;font-weight:1000;text-shadow:0 4px 8px rgba(0,0,0,.12)}

@keyframes cloudFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes twinkle{0%,100%{transform:rotate(45deg) scale(.9);opacity:.75}50%{transform:rotate(45deg) scale(1.12);opacity:1}}
@keyframes birdFly{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px) translateX(6px)}}

@media (max-width:1450px){
  .home-categories-v25{grid-template-columns:repeat(3,1fr)}
  .stats-v25{grid-template-columns:repeat(3,1fr)}
  .hero-copy-v25 h1{font-size:74px}
}
@media (max-width:1100px){
  .v25-nav{flex-wrap:wrap;justify-content:center}.v25-brand{justify-content:center;width:100%}.v25-right{display:none}
  .hero-grid-v25{grid-template-columns:1fr}.hero-copy-v25{padding:12px 0}.hero-copy-v25 h1{font-size:64px}
  .hero-copy-v25 p{font-size:18px;max-width:100%}.hero-scene-v25{height:410px}
  .home-categories-v25{grid-template-columns:repeat(2,1fr)}.stats-v25{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .v25-shell{padding:0}.v25-card-shell{border-radius:0}.v25-nav{border-radius:0;padding:12px}
  .v25-links{gap:8px}.v25-links a{font-size:13px;padding:8px 10px}
  .hero-v25{padding:18px 12px 8px;min-height:auto}.hero-pill{font-size:13px;padding:10px 14px}.hero-copy-v25 h1{font-size:50px}
  .hero-copy-v25 p{font-size:16px}.btn-home{width:100%;font-size:18px;height:56px}
  .hero-scene-v25{height:310px;border-radius:24px}.hero-cast{width:114%;right:-16px;bottom:2px}.mini-house{transform:scale(.65);transform-origin:bottom right;right:-8px;bottom:66px}.wood-sign{right:8px;bottom:10px;max-width:155px;padding:10px}
  .wood-sign strong{font-size:18px}.wood-sign span{font-size:11px}.bird1{right:90px;top:96px;width:92px}.bird2{right:34px;top:64px;width:66px}
  .home-categories-v25,.stats-v25{grid-template-columns:1fr;padding-left:12px;padding-right:12px}.category-card-v25{min-height:auto}.footer-v25{font-size:15px}
}

/* ==== V26 premium gerçek görsel ikonlar ==== */
body.home-v25{font-family:'Nunito','Trebuchet MS',Arial,sans-serif}
.brand-mark-img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.18))}
.premium-nav-links{gap:12px}
.premium-nav-links a{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.12);font-size:16px;letter-spacing:.1px}
.premium-nav-links a span{font-weight:1000}
.premium-nav-links a.active{background:linear-gradient(180deg,#ffffff,#f3f8ff);color:#154b93;box-shadow:0 10px 16px rgba(0,0,0,.10), inset 0 -2px 0 rgba(24,69,129,.06)}
.nav-ico{width:34px;height:34px;flex:0 0 34px;object-fit:cover;border-radius:12px;box-shadow:0 6px 12px rgba(0,0,0,.14)}
.premium-score{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.08));border:2px solid rgba(255,255,255,.15)}
.score-ico{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}
.btn-ico{width:28px;height:28px;border-radius:12px;box-shadow:0 5px 10px rgba(0,0,0,.14);object-fit:cover}
.hero-actions-v25 .btn-home{gap:10px}
.v25-brand strong{font-size:28px;letter-spacing:.1px}
.v25-brand span{font-size:12px;opacity:.96}
@media (max-width:1100px){
  .premium-nav-links{justify-content:center}
  .premium-nav-links a{font-size:14px;padding:8px 12px 8px 8px}
  .nav-ico{width:28px;height:28px;flex-basis:28px}
}
@media (max-width:760px){
  .brand-mark-img{width:46px;height:46px}
  .premium-nav-links{gap:8px}
  .premium-nav-links a{font-size:13px;padding:8px 10px}
  .premium-nav-links a span{display:inline-block}
  .score-ico{width:24px;height:24px}
}

/* ==== V27 ana sayfa zenginleştirme ==== */
.hero-v25{min-height:590px}
.hero-copy-v25,.hero-scene-v25,.home-categories-v25 .category-card-v25,.stats-v25 .stat-box,.premium-nav-links a{opacity:0;animation:premiumRise .72s cubic-bezier(.2,.8,.2,1) forwards}
.hero-copy-v25{animation-delay:.08s}.hero-scene-v25{animation-delay:.18s}
.premium-nav-links a:nth-child(1){animation-delay:.02s}.premium-nav-links a:nth-child(2){animation-delay:.06s}.premium-nav-links a:nth-child(3){animation-delay:.10s}.premium-nav-links a:nth-child(4){animation-delay:.14s}.premium-nav-links a:nth-child(5){animation-delay:.18s}.premium-nav-links a:nth-child(6){animation-delay:.22s}.premium-nav-links a:nth-child(7){animation-delay:.26s}
.home-categories-v25 .category-card-v25:nth-child(1){animation-delay:.28s}.home-categories-v25 .category-card-v25:nth-child(2){animation-delay:.34s}.home-categories-v25 .category-card-v25:nth-child(3){animation-delay:.40s}.home-categories-v25 .category-card-v25:nth-child(4){animation-delay:.46s}.home-categories-v25 .category-card-v25:nth-child(5){animation-delay:.52s}.home-categories-v25 .category-card-v25:nth-child(6){animation-delay:.58s}
.stats-v25 .stat-box:nth-child(1){animation-delay:.64s}.stats-v25 .stat-box:nth-child(2){animation-delay:.68s}.stats-v25 .stat-box:nth-child(3){animation-delay:.72s}.stats-v25 .stat-box:nth-child(4){animation-delay:.76s}.stats-v25 .stat-box:nth-child(5){animation-delay:.8s}
@keyframes premiumRise{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}

.hero-scene-v25{height:500px;backdrop-filter:blur(2px)}
.hero-cast{z-index:3;right:50px;bottom:10px;width:min(100%,710px)}
.mini-house{right:18px;bottom:118px;transform:scale(.9);opacity:.82;z-index:1}
.wood-sign{z-index:2;right:18px;bottom:24px;max-width:210px;padding:16px 14px}
.hero-scene-v25 .wood-sign{transform:rotate(-1.2deg)}
.hero-copy-v25 h1{text-shadow:0 5px 0 rgba(255,255,255,.16)}
.hero-copy-v25 p{max-width:650px}
.home-categories-v25{margin-top:-4px}
.category-card-v25{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.92));transition:transform .18s ease, box-shadow .18s ease}
.category-card-v25::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 30%);pointer-events:none}
.category-card-v25:hover{transform:translateY(-8px) rotate(-.4deg);box-shadow:0 24px 42px rgba(12,61,117,.2)}
.card-image{height:168px;background:linear-gradient(180deg,#d7f2ff,#bfe8ff)}
.card-image img{object-fit:cover}
.premium-thumb{border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 2px 0 rgba(255,255,255,.5)}
.thumb-animals{background:linear-gradient(180deg,#e8f9ff,#c7ecff)}
.thumb-english{background:linear-gradient(180deg,#dbf0ff,#cce4ff)}
.thumb-numbers{background:linear-gradient(180deg,#fff3c4,#ffe28d)}
.thumb-colors{background:linear-gradient(180deg,#ffe3ef,#ffecc6)}
.thumb-fruits{background:linear-gradient(180deg,#efffd9,#daf6b1)}
.thumb-games{background:linear-gradient(180deg,#ffe5cd,#ffd39b)}
.card-soft img{object-fit:cover;padding:0}

.float-glyph{position:absolute;z-index:1;font-weight:1000;line-height:1;border-radius:18px;padding:12px 16px;background:rgba(255,255,255,.16);backdrop-filter:blur(2px);box-shadow:0 10px 16px rgba(0,0,0,.07), inset 0 1px 0 rgba(255,255,255,.35);color:#fff;animation:floatGlyph 5.8s ease-in-out infinite}
.float-glyph.g1{left:120px;top:238px;font-size:28px;color:#ff9a33}.float-glyph.g2{left:480px;top:82px;font-size:24px;color:#2f69eb;animation-delay:.8s}.float-glyph.g3{right:470px;top:48px;font-size:24px;color:#47b837;animation-delay:1.3s}.float-glyph.g4{right:160px;top:214px;font-size:24px;color:#ff74aa;animation-delay:1.8s}.float-glyph.g5{left:680px;top:308px;font-size:22px;color:#ffca2c;animation-delay:2.2s}
@keyframes floatGlyph{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}

.mouse-star{position:fixed;left:0;top:0;width:14px;height:14px;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}
.mouse-star::before,.mouse-star::after{content:'';position:absolute;background:linear-gradient(90deg,#fff6ae,#ffd648)}
.mouse-star::before{left:50%;top:-4px;transform:translateX(-50%);width:4px;height:22px;border-radius:999px}
.mouse-star::after{top:50%;left:-4px;transform:translateY(-50%);width:22px;height:4px;border-radius:999px}
.mouse-star{animation:mouseStar .75s ease-out forwards;filter:drop-shadow(0 0 6px rgba(255,226,99,.85))}
@keyframes mouseStar{from{opacity:.9;transform:translate(-50%,-50%) scale(.4) rotate(0)}to{opacity:0;transform:translate(-50%,-74%) scale(1.25) rotate(40deg)}}

.hero-v25.hero-tilt .hero-copy-v25,.hero-v25.hero-tilt .hero-scene-v25,.hero-v25.hero-tilt .flying-bird,.hero-v25.hero-tilt .float-glyph{transition:transform .18s ease-out}

@media (max-width:1450px){.float-glyph.g5{left:auto;right:320px}.hero-cast{right:20px}}
@media (max-width:1100px){.float-glyph{display:none}.hero-scene-v25{height:430px}.hero-cast{right:10px;bottom:4px;width:min(100%,620px)}.wood-sign{max-width:185px;padding:14px 12px}.mini-house{right:4px;bottom:105px;transform:scale(.75)}}
@media (max-width:760px){.hero-v25{min-height:auto}.hero-scene-v25{height:330px}.hero-cast{right:-8px;width:108%}.wood-sign{max-width:145px;right:6px;bottom:12px}.mini-house{display:none}.category-card-v25:hover{transform:none}}

/* ==== V28 hızlı düzeltmeler ==== */
.quiz-option .pic{height:190px;display:flex;align-items:center;justify-content:center;padding:10px;background:linear-gradient(180deg,#f5fbff,#e7f3ff)}
.quiz-option .pic img{width:100%;height:100%;object-fit:contain;object-position:center center;filter:drop-shadow(0 8px 10px rgba(0,0,0,.08))}
.game-card .thumb{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f9fcff,#edf6ff)}
.game-card .thumb img{width:100%;height:100%;object-fit:contain;object-position:center center;padding:8px}

/* hero tabela artık görünür ve kediyi kapatmaz */
.hero-scene-v25{overflow:visible}
.hero-scene-v25 .mini-house{right:8px;bottom:118px;opacity:.68;transform:scale(.84);z-index:1}
.hero-scene-v25 .hero-cast{right:72px;bottom:6px;width:min(100%,680px);z-index:3}
.hero-scene-v25 .wood-sign{right:-8px;top:186px;bottom:auto;max-width:195px;padding:14px 14px;z-index:5;transform:rotate(-2deg);background:linear-gradient(180deg,#e5a65c,#c77c2d);box-shadow:0 16px 22px rgba(0,0,0,.18)}
.hero-scene-v25 .wood-sign strong{font-size:24px;line-height:1.05;margin-bottom:8px}
.hero-scene-v25 .wood-sign span{font-size:13px;line-height:1.25;display:block}

/* İngilizce sayfasında meyve ve sayı kartları daha temiz dursun */
.page-hero.hero-english .hero-art-simple img:first-child{background:linear-gradient(180deg,#fff7d3,#ffe09b);padding:8px;border-radius:26px}

@media (max-width:1100px){
  .hero-scene-v25 .hero-cast{right:18px;width:min(100%,620px)}
  .hero-scene-v25 .wood-sign{right:-4px;top:210px;max-width:170px;padding:12px}
  .hero-scene-v25 .wood-sign strong{font-size:21px}
}
@media (max-width:760px){
  .quiz-option .pic{height:170px}
  .game-card .thumb{height:190px}
  .hero-scene-v25{overflow:hidden}
  .hero-scene-v25 .hero-cast{right:-2px;width:106%}
  .hero-scene-v25 .wood-sign{top:auto;bottom:14px;right:6px;max-width:140px;padding:9px 10px}
  .hero-scene-v25 .wood-sign strong{font-size:17px}
  .hero-scene-v25 .wood-sign span{font-size:10px}
}

/* ==== V29 premium plus ==== */
:root{--glass-border:rgba(255,255,255,.28)}
body{background:radial-gradient(circle at top,#e1f3ff 0,#d7ecff 35%,#d3e8f5 100%)}
.v25-card-shell{position:relative;overflow:hidden}
.v25-card-shell::before{content:'';position:absolute;inset:-120px -120px auto auto;width:420px;height:420px;background:radial-gradient(circle,rgba(84,177,255,.18),rgba(84,177,255,0) 70%);pointer-events:none}
.v25-card-shell::after{content:'';position:absolute;left:-160px;bottom:-180px;width:420px;height:420px;background:radial-gradient(circle,rgba(255,208,77,.16),rgba(255,208,77,0) 70%);pointer-events:none}

.page-topbar .bar-inner,.nav-bar.v25-nav{backdrop-filter:blur(10px)}
.page-topbar{box-shadow:0 20px 30px rgba(16,74,133,.12)}
.hero-v25{border-radius:36px;overflow:hidden;box-shadow:0 25px 55px rgba(14,83,143,.18)}
.hero-v25 .sky-layer{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.34),transparent 30%),linear-gradient(180deg,#78cffd 0%,#88d6ff 48%,#79d1fb 100%)}
.home-categories-v25,.stats-v25,.section .card-grid,.section .quiz-grid{position:relative;z-index:2}

.category-card-v25 h3{font-size:21px;letter-spacing:-.2px}
.category-card-v25 p{min-height:66px}
.category-card-v25 .card-btn{box-shadow:0 10px 18px rgba(0,0,0,.14)}
.category-card-v25::after{content:'★';position:absolute;right:14px;top:10px;font-size:18px;color:rgba(255,191,0,.0);text-shadow:0 0 0 transparent;transition:.22s ease}
.category-card-v25:hover::after{color:rgba(255,191,0,1);text-shadow:0 0 12px rgba(255,213,88,.7)}

.stat-box{background:linear-gradient(180deg,#ffffff,#f3f9ff);box-shadow:0 16px 32px rgba(18,82,148,.12)}
.stat-box .icon{display:flex;align-items:center;justify-content:center}
.stat-ico{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.12))}
.stat-box .big{font-size:28px;font-weight:1000;color:#184c93}
.gift-open{box-shadow:0 10px 18px rgba(59,180,33,.25)}

.learning-card,.game-card,.quiz-box,.quiz-option{opacity:0;transform:translateY(22px) scale(.98);transition:opacity .45s ease,transform .45s ease,box-shadow .2s ease}
.learning-card.in-view,.game-card.in-view,.quiz-box.in-view,.quiz-option.in-view{opacity:1;transform:none}
.learning-card:hover,.game-card:hover,.quiz-option:hover{box-shadow:0 18px 34px rgba(16,74,133,.14)}

.back-btn,.star-box,.filter-chip{box-shadow:0 10px 18px rgba(15,75,133,.10)}
.learning-card .card-body h3,.game-card h3,.quiz-box h3{letter-spacing:-.3px}
.listen-btn,.quiz-next,.quiz-home{box-shadow:0 8px 16px rgba(21,99,175,.18)}

.btn-home,.card-btn,.gift-open,.listen-btn,.quiz-next,.quiz-home,.back-btn{position:relative;overflow:hidden}
.btn-home::after,.card-btn::after,.gift-open::after,.listen-btn::after,.quiz-next::after,.quiz-home::after,.back-btn::after{content:'';position:absolute;left:-120%;top:0;width:90px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg)}
.btn-home:hover::after,.card-btn:hover::after,.gift-open:hover::after,.listen-btn:hover::after,.quiz-next:hover::after,.quiz-home:hover::after,.back-btn:hover::after{animation:shineSwipe .8s ease}
@keyframes shineSwipe{to{left:130%}}

.home-starry-layer span{animation-duration:4.8s}
.home-starry-layer span:nth-child(3n){background:#fff7ad;box-shadow:0 0 12px rgba(255,241,140,.9)}

@media (max-width:760px){
  .stat-ico{width:42px;height:42px}
  .category-card-v25 p{min-height:auto}
}

/* ==== V30 ultra premium ==== */
.v25-shell{width:min(1560px,100%);padding:6px 10px 28px}
.v25-card-shell{background:linear-gradient(180deg,#74d4ff 0%,#7ad7ff 45%,#63d63f 45%,#58cb39 100%)}
.v25-nav{padding:16px 20px;box-shadow:0 18px 34px rgba(6,68,135,.18)}
.premium-nav-links a{border:1px solid rgba(255,255,255,.08)}
.hero-v25{min-height:560px;padding-bottom:6px}
.hero-grid-v25{gap:10px;align-items:center}
.hero-copy-v25 p{max-width:660px}
.hero-scene-v25{height:448px}
.hero-cast{right:-10px;bottom:-8px;width:107%}
.mini-house{right:34px;bottom:112px;transform:scale(1.02)}
.wood-sign{right:12px;bottom:24px;max-width:210px;background:linear-gradient(180deg,#d89d56,#bd7c34)}

.premium-features-v30{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:8px 18px 14px;position:relative;z-index:3}
.feature-pill-v30{display:flex;align-items:center;gap:12px;padding:16px 16px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(243,249,255,.94));box-shadow:0 16px 28px rgba(14,83,143,.12);border:1px solid rgba(255,255,255,.7);transition:transform .18s ease, box-shadow .18s ease}
.feature-pill-v30:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(14,83,143,.16)}
.feature-pill-v30 img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.08))}
.feature-pill-v30 strong{display:block;font-family:'Baloo 2',cursive;font-size:24px;line-height:1;color:#124388}
.feature-pill-v30 span{display:block;margin-top:2px;color:#6181a1;font-size:14px;font-weight:800;line-height:1.35}

.category-card-v25{position:relative}
.mini-badge-v30{position:absolute;top:10px;left:12px;z-index:3;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:#12458b;font-weight:900;font-size:12px;letter-spacing:.15px;box-shadow:0 8px 16px rgba(12,80,141,.12)}
.category-card-v25 .card-image{margin-top:12px}
.category-card-v25:hover .mini-badge-v30{background:#fff;color:#0a5bcc}

.page-topbar .star-box{display:flex;align-items:center;gap:10px;background:rgba(6,80,160,.92);color:#fff;border-radius:20px;padding:12px 18px;font-weight:1000;box-shadow:0 14px 24px rgba(9,72,136,.15)}
.top-star-ico{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.12))}

.hero-copy-v25 h1{filter:drop-shadow(0 8px 16px rgba(255,255,255,.18))}
.hero-pill{box-shadow:0 14px 22px rgba(13,86,142,.10)}
.footer-v25{font-size:18px;letter-spacing:.2px;padding-bottom:18px}

@media (max-width:1180px){
  .premium-features-v30{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .premium-features-v30{grid-template-columns:1fr;padding:6px 12px 12px}
  .feature-pill-v30 strong{font-size:21px}
  .hero-scene-v25{height:360px}
  .hero-cast{right:-6px;width:110%}
  .wood-sign{max-width:160px;right:6px;bottom:12px}
}

/* V31 english cleanup */
.english-clean-top{padding-top:20px;padding-bottom:8px}
.english-clean-header{background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(235,246,255,.92)); border:1px solid rgba(255,255,255,.7); box-shadow:0 18px 30px rgba(24,90,150,.10); border-radius:36px; padding:28px 30px 22px; margin-bottom:16px}
.english-clean-header h1{margin:10px 0 6px; font-family:'Baloo 2',cursive; font-size:56px; line-height:.95; color:#163f82}
.english-clean-header p{margin:0; font-size:20px; font-weight:800; color:#54739a; max-width:780px}
.english-clean-top .learn-search{margin-top:0}
@media (max-width:900px){.english-clean-header h1{font-size:42px}.english-clean-header p{font-size:18px}}
@media (max-width:640px){.english-clean-header{padding:22px 18px 18px; border-radius:28px}.english-clean-header h1{font-size:34px}}

/* V32 game fixes */
.quiz-option.in-view{opacity:1;transform:none}
.quiz-option.no-label{padding:14px}
.quiz-option.no-label .label{display:none}
.quiz-option.no-label .pic{height:230px}
.quiz-option.no-label .pic img{object-fit:contain;object-position:center center}
.quiz-option .pic.color-pic img{object-fit:cover;object-position:center top;transform:scale(1.04)}
.quiz-option.correct{box-shadow:0 0 0 4px rgba(49,183,43,.18),0 14px 24px rgba(49,183,43,.18)}
.quiz-option.wrong{box-shadow:0 0 0 4px rgba(239,79,79,.12),0 14px 24px rgba(239,79,79,.12)}
@media (max-width:760px){
  .quiz-option.no-label .pic{height:170px}
}

/* V33 oyun premium */
body:has(.quiz-box){background:radial-gradient(circle at 20% 10%,#e9f7ff,#dceeff 42%,#d8edfa)}
body:has(.quiz-box) .page-hero{display:none}
body:has(.quiz-box) .section{padding-top:26px}
body:has(.quiz-box) .game-breadcrumb{max-width:1420px;margin:0 auto 18px;padding:0 4px}
body:has(.quiz-box) .quiz-grid{max-width:1420px;margin:0 auto}
.quiz-box{min-height:0;padding:26px;border:1px solid rgba(255,255,255,.85);box-shadow:0 26px 55px rgba(18,80,142,.14)}
.quiz-box>h3{font-size:38px}.quiz-box>p{font-size:17px}
.quiz-question{font-size:28px;padding:18px 20px;background:linear-gradient(180deg,#eef7ff,#e4f1ff);box-shadow:inset 0 0 0 1px rgba(42,130,220,.08)}
.quiz-stage{gap:18px}
.quiz-option.no-label{border:3px solid #d9ecff;background:linear-gradient(180deg,#fff,#f7fbff);padding:12px;border-radius:28px;box-shadow:0 14px 24px rgba(22,84,140,.08)}
.quiz-option.no-label:hover{transform:translateY(-5px) scale(1.01);border-color:#54afff}
.quiz-option.no-label .pic{height:260px;border-radius:22px;background:linear-gradient(180deg,#eef8ff,#e2f2ff);padding:14px}
.quiz-option.no-label .pic img{object-fit:contain!important;object-position:center!important;max-width:100%;max-height:100%}
.quiz-option.no-label .color-pic img{object-fit:contain!important;transform:none!important}
.quiz-round{margin:14px 0 0;text-align:right;font-weight:1000;color:#4773a3;font-size:16px}
.quiz-status{margin-top:12px;display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}
.quiz-score{font-size:20px;font-weight:1000;color:#164887}
.quiz-next,.quiz-home{font-size:17px;padding:13px 20px;border:none;border-radius:16px;font-weight:1000;cursor:pointer}
.quiz-next{background:linear-gradient(180deg,#50d942,#27b61c);color:#fff}.quiz-home{background:#eef6ff;color:#174b8a}
.quiz-progress{height:14px;margin-bottom:18px}

/* Sayı oyunu: cevap doğrudan yazmıyor, nesneleri saymak gerekiyor */
.number-choice-pic{display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(180deg,#fff5bf,#ffe698)!important}
.count-choice{width:100%;max-width:420px;display:flex;justify-content:center;align-content:center;align-items:center;flex-wrap:wrap;gap:13px;padding:10px}
.count-choice span{width:50px;height:50px;display:grid;place-items:center;font-size:42px;line-height:1;color:#ff8b18;filter:drop-shadow(0 6px 6px rgba(183,100,0,.12))}
.count-choice span:nth-child(3n+2){color:#328eff}.count-choice span:nth-child(3n){color:#ef5d99}

/* Renk oyunu: resimlerdeki alt isim bantlarını oyun alanında kırp */
body:has(#colorStage) .quiz-option .pic{overflow:hidden;padding:0;background:#eef8ff}
body:has(#colorStage) .quiz-option .pic img{width:100%;height:128%;max-height:none;object-fit:cover!important;object-position:center top!important;transform:translateY(0)!important}

@media(max-width:760px){
 body:has(.quiz-box) .section{padding-top:16px}
 .quiz-box{padding:16px;border-radius:24px}.quiz-question{font-size:22px}
 .quiz-option.no-label .pic{height:190px}.count-choice{gap:8px}.count-choice span{width:38px;height:38px;font-size:32px}
}

/* ==== V37 oyun ve animasyon premium ==== */
.adventure-btn-v37{border:0;background:linear-gradient(180deg,#ffcf45,#f5a700);cursor:pointer}
.game-stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 18px}
.game-stats-strip>div{background:linear-gradient(180deg,#fff,#f3f9ff);border-radius:24px;padding:18px 20px;box-shadow:0 14px 28px rgba(15,77,140,.12);display:flex;justify-content:space-between;align-items:center}
.game-stats-strip strong{font-size:18px;color:#315d91}.game-stats-strip span{font-family:'Baloo 2',cursive;font-size:30px;font-weight:900;color:#0d67c8}
.game-menu-v37 .game-card{position:relative;overflow:hidden}.game-level{position:absolute;top:12px;right:12px;z-index:3;background:rgba(255,255,255,.94);color:#164d8f;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:1000;box-shadow:0 8px 14px rgba(0,0,0,.10)}
.game-page-v37{background:linear-gradient(180deg,#e8f7ff,#dff2ff)}
.v37-game-section{padding-top:24px}.v37-quiz-box{background:linear-gradient(180deg,#ffffff,#f7fbff);border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 48px rgba(19,80,143,.13)}
.game-head-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:14px}.game-head-row h3{font-size:36px;margin:8px 0 2px}.game-head-row p{margin:0;color:#6683a1;font-weight:800}
.game-live-stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.game-live-stats span{background:#eef7ff;border-radius:999px;padding:10px 14px;color:#22558f;font-weight:900;box-shadow:inset 0 0 0 1px #d7eaff}.game-live-stats b{font-size:18px;color:#0e6bd2}
.v37-stage{gap:16px}.v37-stage .quiz-option{min-height:250px;border-radius:28px;background:#fff;box-shadow:0 14px 24px rgba(17,77,137,.10);border:2px solid #d9edff;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.v37-stage .quiz-option:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 20px 30px rgba(17,77,137,.15);border-color:#8fd0ff}.v37-stage .quiz-option .pic{height:220px;background:linear-gradient(180deg,#f5fbff,#eef7ff);border-radius:20px;overflow:hidden}.v37-stage .quiz-option .pic img{width:100%;height:100%;object-fit:contain;object-position:center}.v37-stage .quiz-option .color-pic img{object-fit:cover;object-position:center top}.v37-stage .quiz-option.correct{border-color:#42c85a;box-shadow:0 0 0 5px rgba(66,200,90,.15),0 20px 30px rgba(40,170,70,.16)}.v37-stage .quiz-option.wrong{border-color:#ff7777;box-shadow:0 0 0 5px rgba(255,119,119,.13),0 20px 30px rgba(220,70,70,.12)}
.quiz-round{font-size:16px;font-weight:900;color:#49739f;margin-top:12px}.quiz-progress{height:12px}.quiz-progress span{transition:width .35s ease;background:linear-gradient(90deg,#2e91ff,#4bd56a)}
.count-grid-v37{display:grid;grid-template-columns:repeat(5,44px);gap:12px;justify-content:center;align-content:center;height:100%;font-size:40px;color:#ff9a16;text-shadow:0 5px 0 rgba(255,154,22,.12)}
.round-modal-v37{position:fixed;inset:0;background:rgba(16,53,91,.46);display:none;place-items:center;z-index:2500;backdrop-filter:blur(7px)}.round-modal-v37.show{display:grid}.round-card-v37{width:min(460px,calc(100% - 30px));background:linear-gradient(180deg,#fff,#eef8ff);border-radius:34px;padding:30px;text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.2);animation:roundPop .38s ease}.round-star-v37{font-size:72px;color:#ffc727;filter:drop-shadow(0 8px 12px rgba(255,180,0,.25))}.round-card-v37 h2{font-family:'Baloo 2',cursive;font-size:40px;color:#164b8e;margin:0 0 4px}.round-card-v37 p{font-size:18px;font-weight:800;color:#6280a0}.round-actions-v37{display:flex;gap:12px;justify-content:center;margin-top:18px}.round-actions-v37 button{border:0;border-radius:16px;padding:13px 18px;font-weight:900;cursor:pointer;color:#fff;background:linear-gradient(180deg,#2e91ff,#0c6bd8);box-shadow:inset 0 -4px 0 rgba(0,0,0,.12)}.round-actions-v37 button:last-child{background:linear-gradient(180deg,#65d858,#35b52c)}
.quiz-burst-star{position:fixed;z-index:3000;color:#ffd447;font-size:24px;pointer-events:none;animation:burstStar .85s ease-out forwards;filter:drop-shadow(0 0 8px #fff0a0)}
@keyframes burstStar{from{opacity:1;transform:translate(0,0) scale(.4) rotate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.3) rotate(180deg)}}@keyframes roundPop{from{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:980px){.game-head-row{flex-direction:column}.game-live-stats{justify-content:flex-start}.v37-stage{grid-template-columns:repeat(2,1fr)}.game-stats-strip{grid-template-columns:1fr}}
@media(max-width:640px){.v37-stage{grid-template-columns:1fr}.v37-stage .quiz-option{min-height:210px}.v37-stage .quiz-option .pic{height:180px}.count-grid-v37{grid-template-columns:repeat(5,32px);font-size:30px;gap:8px}.round-actions-v37{flex-direction:column}}