:root{--kid-bg:#fffaf2;--kid-ink:#17324d;--kid-green:#168557;--kid-green-dark:#0d6842;--kid-lime:#eaf6db;--kid-yellow:#ffd45d;--kid-peach:#ffe1d6;--kid-blue:#dcecff;--kid-muted:#607084}
html,body{min-height:100%}
body{background:radial-gradient(circle at 6% 8%,rgba(255,212,93,.30) 0 150px,transparent 151px),radial-gradient(circle at 95% 5%,rgba(188,226,139,.38) 0 180px,transparent 181px),radial-gradient(circle at 4% 78%,rgba(183,215,255,.34) 0 135px,transparent 136px),linear-gradient(180deg,#fffdf8 0%,var(--kid-bg) 100%)!important;background-size:auto!important;color:var(--kid-ink);overflow-x:hidden}
body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:44% 56% 52% 48%}
body:before{width:260px;height:180px;right:-80px;bottom:-30px;background:#fff0c7;transform:rotate(-14deg)}
body:after{width:220px;height:160px;left:-80px;bottom:80px;background:#e8f5d4;transform:rotate(13deg)}
#app{max-width:1180px!important;margin:0 auto!important;padding:34px 22px 54px!important}
.intro-stage{position:relative;min-height:760px;display:grid;grid-template-columns:220px minmax(0,760px) 190px;align-items:center;justify-content:center;gap:18px}
.intro-card{position:relative;z-index:2;background:rgba(255,255,255,.96)!important;border:1px solid rgba(28,62,47,.07)!important;border-radius:38px!important;padding:44px 48px 42px!important;box-shadow:0 28px 70px rgba(62,79,68,.13)!important;backdrop-filter:blur(8px)}
.intro-card:before{display:none!important}
.intro h1{margin:0!important;max-width:700px;font-size:clamp(38px,4.5vw,58px)!important;line-height:1.02!important;letter-spacing:-.045em!important;text-align:center;color:#142c46}
.intro h1 .green{display:block;color:var(--kid-green);margin-top:6px;position:relative}
.intro h1 .green:after{content:"";position:absolute;left:17%;right:17%;bottom:-9px;height:7px;background:var(--kid-yellow);border-radius:999px;transform:rotate(-1deg)}
.intro .lead{max-width:650px;margin:28px auto 22px!important;text-align:center;color:var(--kid-muted)!important;font-size:18px!important;line-height:1.55!important}
.fact-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 0 26px}
.fact{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border-radius:999px;font-size:14px;font-weight:800;color:#31556e}
.fact:nth-child(1){background:var(--kid-lime);color:#276b47}.fact:nth-child(2){background:var(--kid-blue);color:#2467a5}.fact:nth-child(3){background:var(--kid-peach);color:#9a5a43}.fact .ico{font-size:18px}
.adult-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#fff0bd;color:#40506a;font-size:14px;font-weight:800;margin-bottom:12px}
.guide-list{display:grid;gap:12px;margin:0 0 24px}.guide-item{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;color:#4c5d70;font-size:16px;line-height:1.55}
.guide-item .num{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8f4d8;color:#27724b;font-weight:800}
.field{display:block;margin:22px 0 8px!important;color:#34455d;font-size:14px;font-weight:800!important}
input[type=text]{width:100%;min-height:58px;border:1.5px solid #d5dce3!important;border-radius:18px!important;padding:0 18px!important;background:#fff!important;box-shadow:inset 0 1px 2px rgba(21,45,67,.03);font-size:17px!important}
input[type=text]::placeholder{color:#a8b4c2}input[type=text]:focus{outline:4px solid rgba(22,133,87,.12);border-color:var(--kid-green)!important}
.primary{min-height:64px!important;border-radius:20px!important;background:linear-gradient(180deg,#189361 0%,#0f7c4e 100%)!important;box-shadow:0 8px 0 #0b633f,0 16px 30px rgba(17,123,78,.16)!important;color:#fff!important;font-size:20px!important;font-weight:800!important;border:0!important}
.primary:hover{filter:brightness(1.03)}.primary:active{transform:translateY(5px)!important;box-shadow:0 3px 0 #0b633f!important}.primary .arrow{font-size:28px;line-height:0;margin-left:10px}
.left-scene,.right-scene{position:relative;align-self:stretch;min-height:660px}
.big-avi{position:absolute;width:210px!important;left:0;top:150px;filter:drop-shadow(0 18px 18px rgba(46,89,53,.12))}
.big-avi:before{content:"";position:absolute;width:190px;height:190px;left:6px;top:42px;z-index:-1;border-radius:50%;background:#eef8d9}
.study-avi{position:absolute;width:145px!important;right:4px;bottom:86px;filter:drop-shadow(0 15px 16px rgba(46,89,53,.11))}
.doodle{position:absolute;display:grid;place-items:center;border-radius:28px;font-weight:800;box-shadow:0 12px 28px rgba(55,72,60,.08)}
.doodle.math{width:132px;height:90px;right:0;top:126px;background:#ff9885;color:white;font-size:30px;border-radius:48% 52% 45% 55%;transform:rotate(-4deg)}
.doodle.lang{width:124px;height:90px;right:18px;top:300px;background:#8ab4f8;color:white;font-size:28px;border-radius:48% 52% 58% 42%;transform:rotate(4deg)}
.book-stack{position:absolute;left:0;bottom:120px;width:200px;display:grid;gap:8px}.book{padding:13px 18px;border-radius:10px 16px 16px 10px;font-weight:800;box-shadow:0 8px 16px rgba(50,70,55,.10);transform:rotate(-2deg)}
.book.blue{background:#83b9ff;color:#15538e}.book.yellow{background:#ffd35f;color:#936018;transform:rotate(1deg)}
.spark{position:absolute;font-size:42px;color:#f8b82d;font-weight:900}.spark.s1{left:20px;top:100px;transform:rotate(-15deg)}.spark.s2{right:6px;bottom:240px;transform:rotate(12deg)}
.top,.cells,.sheet:not(.intro-card),.opts,.under,.break,.result{max-width:760px;margin-left:auto;margin-right:auto}
.sheet:not(.intro-card){border-radius:30px!important;border:1px solid rgba(27,72,52,.08)!important;background:#fff!important;box-shadow:0 20px 48px rgba(62,79,68,.11)!important;padding:30px!important}.sheet:not(.intro-card):before{display:none!important}
.note,.tag{font-family:"Onest",system-ui,sans-serif!important;display:inline-flex!important;width:max-content;padding:8px 12px!important;border:0!important;border-radius:999px!important;background:#eef7df!important;color:#267147!important;font-size:13px!important;font-weight:800!important}
.top .subj{color:var(--kid-green-dark)!important}.cells span{height:9px!important;border:0!important;border-radius:999px!important;background:#ece8df!important}.cells span.done{background:var(--kid-green)!important}.cells span.now{background:#ff987f!important}
.opt{border:1.5px solid #dce2e4!important;border-radius:25px!important;background:#fff!important;box-shadow:0 6px 0 #dce2e4!important}.opt:hover{border-color:#b9d5c4!important;transform:translateY(-1px)}.opt.picked{background:#fff0b8!important;border-color:#ecc650!important;box-shadow:0 6px 0 #ecc650!important}
.ghost{border-color:#d9dedb!important;color:#526459!important;background:#fff!important}.break h1,.result h1{color:#17324d}
@media(max-width:1050px){.intro-stage{grid-template-columns:150px minmax(0,730px) 130px}.big-avi{width:155px!important;top:175px}.study-avi{width:115px!important}.book-stack{width:150px}.doodle.math,.doodle.lang{width:105px}}
@media(max-width:820px){#app{padding:18px 14px 40px!important}.intro-stage{display:block;min-height:0}.left-scene,.right-scene{display:none}.intro-card{padding:30px 22px 28px!important;border-radius:28px!important}.intro h1{font-size:clamp(32px,9vw,46px)!important}.intro .lead{font-size:16px!important}.guide-item{font-size:15px}.primary{font-size:18px!important}.sheet:not(.intro-card){padding:22px 18px!important;border-radius:24px!important}}
@media(max-width:480px){.fact-row{justify-content:flex-start}.fact{font-size:12px;padding:0 11px;min-height:38px}.intro-card{padding:24px 17px!important}.intro h1{text-align:left}.intro h1 .green:after{left:0;right:28%;height:5px}.intro .lead{text-align:left;margin-top:22px!important}.guide-item{grid-template-columns:30px 1fr;gap:10px}.guide-item .num{width:30px;height:30px}}