:root{--navy:#0d1635;--navy-2:#15244b;--ink:#192744;--slate:#52617c;--muted:#7986a0;--paper:#f6f8fc;--white:#fff;--line:#e3e8f2;--teal:#20bda4;--teal-dark:#0a806f;--mint:#b2f9e8;--blue:#496deb;--violet:#8767dd;--gold:#ffcc70;--red:#e66a75;--shadow:0 24px 60px rgba(21,39,84,.09);--radius:22px;--font:'Nunito',ui-rounded,'Trebuchet MS',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}p,h1,h2,h3,h4{margin-top:0}p{margin-bottom:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(2.65rem,5.3vw,5.4rem);font-weight:900}h2{font-size:clamp(2.05rem,3.6vw,3.55rem);font-weight:900}h3{font-size:1.35rem;font-weight:900}b,strong{font-weight:850}::selection{background:#b0f5e6;color:var(--navy)}:focus-visible{outline:3px solid #ffd577;outline-offset:4px}.container{max-width:1190px;margin:0 auto;padding:0 25px}.section{padding:100px 0}.section-small{padding:66px 0}.section-kicker{text-transform:uppercase;font-size:.77rem;letter-spacing:.18em;font-weight:900;color:var(--teal-dark);margin-bottom:13px}.section-kicker.light{color:#8df1dc}.section-head{max-width:720px;margin-bottom:42px}.section-head p{font-size:1.12rem;color:var(--slate);margin-top:17px}.text-gradient{background:linear-gradient(90deg,#7df7d6,#83aaff);-webkit-background-clip:text;background-clip:text;color:transparent}.text-center{text-align:center}.muted{color:var(--slate)}.small{font-size:.88rem}.tiny{font-size:.77rem}.max-narrow{max-width:780px;margin-inline:auto}
/* navigation */
.site-header{position:relative;z-index:30;background:var(--navy);color:#f8fbff;border-bottom:1px solid rgba(192,217,255,.11)}.site-header__in{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:950;letter-spacing:-.04em;font-size:1.38rem;white-space:nowrap}.brand img{width:40px;height:40px}.brand span span{color:#83f4d9}.nav-links{display:flex;align-items:center;gap:29px;font-size:.94rem;font-weight:750}.nav-links a:not(.btn){opacity:.8;transition:opacity .2s}.nav-links a:not(.btn):hover,.nav-links a[aria-current="page"]{opacity:1;color:#a6ffe8}.nav-toggle{display:none;align-items:center;justify-content:center;border:1px solid #516185;background:transparent;color:white;border-radius:12px;width:46px;height:44px;font-size:1.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:0;border-radius:13px;padding:14px 23px;font-size:.99rem;line-height:1.2;font-weight:900;transition:transform .18s,background .18s,box-shadow .18s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gold);color:#29213b;box-shadow:0 10px 26px rgba(255,202,103,.22)}.btn-primary:hover{background:#ffdc91}.btn-secondary{background:#e7faf4;color:#0d776b}.btn-secondary:hover{background:#cdf5e7}.btn-dark{background:var(--navy);color:white}.btn-dark:hover{background:#27386a}.btn-outline{background:transparent;color:white;border:1px solid rgba(214,233,255,.42)}.btn-outline:hover{background:rgba(255,255,255,.08)}.btn-ghost{border:1.5px solid #d7dfeb;background:white;color:var(--ink)}.btn-ghost:hover{background:#f2f5ff}.btn-wide{width:100%}.arrow{font-size:1.18rem;font-weight:900;line-height:1}.tag{display:inline-flex;align-items:center;gap:9px;background:rgba(120,231,214,.10);border:1px solid rgba(132,240,221,.20);color:#a3ffeb;padding:8px 13px;border-radius:99px;font-weight:800;font-size:.8rem}.tag .dot{display:inline-block;background:#76f5d6;border-radius:99px;width:7px;height:7px;box-shadow:0 0 0 4px rgba(118,245,214,.13)}.pill{display:inline-flex;align-items:center;padding:8px 13px;background:#ecf5ff;color:#3556ae;border-radius:30px;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
/* hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 500px 380px at 87% 31%,rgba(66,92,190,.26),transparent 85%),radial-gradient(ellipse 660px 440px at 6% 78%,rgba(0,164,163,.08),transparent 85%),#0d1635;color:white}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.23;background-image:radial-gradient(#c1d9ff 0.7px,transparent .7px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;min-height:625px;gap:8px;padding-top:45px;padding-bottom:66px}.hero__copy{position:relative;z-index:2}.hero h1{margin:22px 0 23px;max-width:720px}.hero .lead{font-size:clamp(1.03rem,1.55vw,1.24rem);line-height:1.75;color:#c5d2ec;max-width:550px}.hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:31px}.hero__note{margin-top:16px;color:#aab8d6;font-size:.83rem}.hero__art{min-width:0;position:relative;display:flex;align-items:center;justify-content:center}.hero__art img{width:110%;max-width:660px;filter:drop-shadow(0 35px 65px rgba(2,5,20,.24));animation:float 5.5s ease-in-out infinite}.floating-chip{position:absolute;z-index:3;border:1px solid rgba(181,233,248,.25);background:rgba(24,39,79,.88);backdrop-filter:blur(16px);border-radius:14px;padding:11px 15px;box-shadow:0 16px 50px rgba(0,0,0,.15);font-weight:900;font-size:.91rem}.floating-chip small{display:block;font-size:.72rem;color:#a8bbde;font-weight:700}.floating-chip--left{left:1%;top:33%;transform:rotate(-7deg)}.floating-chip--right{right:2%;bottom:20%;transform:rotate(5deg)}.chip-icon{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;background:#2d477e;border-radius:8px;margin-right:6px;color:#ffdf8b}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
/* trust bar */
.feature-strip{background:#142247;color:#d5e5ff;border-top:1px solid rgba(255,255,255,.07)}.feature-strip__inner{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:25px}.feature-strip__item{display:flex;align-items:center;gap:12px;font-weight:800;font-size:.92rem}.feature-strip__item span:first-child{font-size:1.5rem}
/* content cards */
.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.demo-board{background:white;border:1px solid var(--line);box-shadow:var(--shadow);padding:26px;border-radius:26px;position:relative}.demo-board__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.demo-board__title{font-weight:950;font-size:1.1rem}.demo-board__preview{border:1px solid #e2e8f5;background:#f8faff;border-radius:17px;padding:23px}.demo-board__preview h3{font-size:1.15rem;line-height:1.55;margin-bottom:16px}.fake-answer{background:white;border:1px solid #dce4f0;border-radius:11px;padding:11px 13px;color:#51617a;font-weight:800;font-size:.91rem;margin-top:8px;display:flex;justify-content:space-between}.fake-answer.is-chosen{background:#e9fbf6;border:1px solid #52ceb2;color:#0f7669}.demo-board__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px}.demo-board__footer small{color:#73839a;font-weight:750}.progress-segments{display:flex;gap:7px;flex:1;max-width:160px}.progress-segments span{height:7px;flex:1;background:#e5eaf5;border-radius:10px}.progress-segments .done{background:var(--teal)}.mini-badge{background:#fff2d8;border-radius:9px;color:#815c26;font-weight:900;padding:8px 10px;font-size:.76rem}.bullet-list{padding:0;list-style:none;margin:24px 0 31px}.bullet-list li{padding:9px 0;display:flex;align-items:flex-start;gap:12px;color:var(--slate);font-weight:700}.check-icon{flex-shrink:0;color:#0a927b;background:#dcf8ef;border-radius:50%;width:23px;height:23px;text-align:center;font-size:.86rem;font-weight:1000}
.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mode-card{padding:30px;border-radius:25px;border:1px solid #e2e7f0;background:white;box-shadow:0 12px 30px rgba(28,48,96,.035);transition:transform .2s,box-shadow .2s}.mode-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.mode-illustration{height:138px;margin-bottom:23px;border-radius:19px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.mode-illustration::before{content:"";position:absolute;width:180px;height:180px;border:2px solid rgba(255,255,255,.45);border-radius:50%;transform:translate(28px,25px)}.mode-illustration::after{content:"";position:absolute;width:88px;height:88px;border:1px solid rgba(255,255,255,.65);border-radius:50%;transform:translate(-66px,-39px)}.mode-illustration span{position:relative;z-index:2;font-size:4rem;filter:drop-shadow(0 9px 5px rgba(30,30,60,.10))}.mode-illustration.a{background:linear-gradient(125deg,#b9f7e9,#69cfbe)}.mode-illustration.b{background:linear-gradient(125deg,#d8d0ff,#9c89ed)}.mode-illustration.c{background:linear-gradient(125deg,#fff0c9,#fbc969)}.mode-card h3{margin-bottom:8px}.mode-card p{color:var(--slate);font-size:.94rem;line-height:1.7}.mode-label{display:inline-block;color:#69809e;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
/* dashboard */
.parent-section{background:#eaf1fa}.parent-panel{background:white;padding:28px;border-radius:24px;box-shadow:var(--shadow);border:1px solid #dce5f0}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.panel-header .panel-title{font-weight:950;font-size:1.15rem}.panel-header small{display:block;color:#7f8ba0;font-size:.75rem;font-weight:800}.label-good{color:#0f9074;background:#e6f8f0;padding:7px 11px;border-radius:60px;font-size:.74rem;font-weight:900}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.stats-row>div{background:#f4f7fc;padding:14px 10px;border-radius:12px;text-align:center}.stats-row strong{display:block;font-size:1.5rem;color:#152449;letter-spacing:-.03em}.stats-row small{color:#78849b;font-size:.72rem}.skill-row{margin:16px 0}.skill-label{display:flex;justify-content:space-between;font-size:.82rem;font-weight:850;margin-bottom:6px}.skill-track{height:9px;background:#e9edf5;border-radius:22px;overflow:hidden}.skill-track span{display:block;height:100%;border-radius:22px;background:var(--teal)}.skill-track span.medium{background:#efb957}.skill-track span.weak{background:#ed8d7d}.recommendation{margin-top:22px;padding:14px;background:#eff7fb;border:1px solid #dceaf2;border-radius:13px;color:#35445f;font-size:.83rem;line-height:1.6}.example-note{margin-top:13px;color:#78879f;font-size:.72rem;text-align:center}
/* band CTA */
.cta-section{padding:95px 0;background:#101b3a;color:white;overflow:hidden;position:relative}.cta-section:before{content:"";position:absolute;right:-80px;top:-160px;width:490px;height:490px;border:1px solid rgba(126,235,218,.12);border-radius:100%;box-shadow:0 0 0 70px rgba(126,235,218,.025),0 0 0 140px rgba(126,235,218,.02)}.cta-section .container{position:relative}.cta-section h2{max-width:760px;margin:0 auto 17px}.cta-section p{color:#bfcce4;margin:0 auto 28px;max-width:680px;font-size:1.08rem}.cta-section .cta-small{margin-top:12px;font-size:.79rem;color:#9fb0d1}
/* subpage generic */
.page-top{background:var(--navy);color:white;padding:73px 0 112px;position:relative;overflow:hidden}.page-top:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;right:-170px;top:-250px;background:radial-gradient(circle,rgba(92,137,246,.25),transparent 65%)}.page-top .container{position:relative;z-index:1}.page-top h1{font-size:clamp(2.45rem,4.5vw,4.3rem);max-width:850px;margin:14px 0 18px}.page-top p{font-size:1.1rem;color:#c1cde7;max-width:680px}.breadcrumb{color:#a9bbda;font-size:.84rem;font-weight:800}.breadcrumb a:hover{color:white}.breadcrumb span{padding:0 8px}.subpage-content{margin-top:-53px;position:relative;z-index:2;padding-bottom:92px}.surface-card{background:white;border-radius:26px;padding:35px;border:1px solid #e3e8f2;box-shadow:var(--shadow)}.light-card{background:#f5f8ff;border:1px solid #e3eaf6;border-radius:20px;padding:25px}
/* challenge */
.challenge-wrap{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(260px,.62fr);gap:24px;align-items:start}.challenge-panel{padding:32px}.challenge-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.eyebrow{color:#69809d;font-weight:900;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}.challenge-heading h2{font-size:1.55rem;margin:5px 0 0}.progress-nodes{display:flex;gap:8px;margin-bottom:31px}.progress-nodes span{height:9px;background:#e6eaf2;border-radius:20px;flex:1}.progress-nodes span.active{background:#4dcbb0}.progress-nodes span.current{background:linear-gradient(90deg,#48cbb5,#8be3e8)}.question-card{background:linear-gradient(125deg,#f1f6fe,#f8faff);border:1px solid #e7edf6;padding:27px;border-radius:19px;min-height:160px;display:flex;flex-direction:column;justify-content:center}.question-card .topic{color:#536ab1;font-size:.79rem;font-weight:900;margin-bottom:12px;letter-spacing:.03em}.question-card h3{font-size:clamp(1.1rem,1.8vw,1.44rem);line-height:1.55;margin:0;letter-spacing:-.018em}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.option{width:100%;border-radius:15px;border:1.5px solid #dce3ee;background:white;padding:16px;text-align:left;display:flex;align-items:center;gap:14px;color:#273957;font-size:1.08rem;font-weight:950;min-height:64px;transition:background .16s,border .16s,transform .16s}.option:hover:not(:disabled){background:#f5f9ff;transform:translateY(-1px)}.option:disabled{cursor:default}.option .letter{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:9px;background:#f1f4fa;color:#6d7b96;font-size:.8rem;font-weight:950}.option.selected{border-color:#1ab59d;background:#edfcf7}.option.selected .letter{background:#c6f6e8;color:#087e70}.option.correct{border-color:#3bbca1;background:#e8f9f1}.option.wrong{border-color:#e27c84;background:#fff0f0}.hint-box,.feedback{padding:17px 20px;border-radius:15px;background:#fff8e8;color:#6d5022;border:1px solid #f9e6bd;margin-top:14px;font-size:.95rem}.feedback{background:#e9f9f5;border-color:#ccf0e5;color:#225849}.feedback.is-wrong{background:#fff4ee;border-color:#f3d5c8;color:#764c3b}.feedback strong{display:block;margin-bottom:6px;font-size:1.03rem}.challenge-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:23px}.text-button{background:transparent;border:0;color:#4f6190;font-weight:900;padding:12px 0}.text-button:hover{text-decoration:underline}.challenge-side{padding:26px}.side-hero{width:72px;height:72px;border-radius:19px;background:linear-gradient(130deg,#e9e0ff,#c0e6ff);display:flex;align-items:center;justify-content:center;font-size:2.8rem;margin-bottom:18px}.side-hero.gold{background:linear-gradient(130deg,#ffe8b2,#ffd27d)}.side-lead{color:#65748b;font-size:.9rem;margin:10px 0 22px}.reward-card{display:flex;align-items:center;gap:12px;padding:15px;border-radius:14px;background:#f6f8fe;border:1px solid #e6eaf4;font-size:.86rem;margin-top:10px}.reward-card>span{font-size:1.65rem}.reward-card strong{display:block}.result-score{font-size:5.3rem;line-height:1;font-weight:1000;color:#13264f;letter-spacing:-.06em;margin:13px 0}.result-score span{font-size:2.7rem;color:#8ba0bc}.result-view{text-align:center;padding:16px 0}.result-view .result-emoji{font-size:4rem;display:block;margin:15px 0}.result-view h2{margin-bottom:9px}.result-view p{color:#667690;max-width:430px;margin:0 auto 23px}.result-next{max-width:380px;margin:0 auto;display:grid;gap:10px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* parents */
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.detail-card{border:1px solid #e2e8f2;background:white;border-radius:22px;padding:27px}.detail-card .icon{width:54px;height:54px;border-radius:16px;background:#e9f9f4;display:grid;place-items:center;font-size:1.65rem;margin-bottom:20px}.detail-card h3{font-size:1.2rem}.detail-card p{color:var(--slate);font-size:.95rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{position:relative;padding:22px;background:white;border-radius:19px;border:1px solid #e2e8f1}.step .num{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:#e2f7ef;color:#0d9279;font-weight:1000;margin-bottom:20px}.step h3{font-size:1.12rem;margin-bottom:9px}.step p{color:var(--slate);font-size:.93rem}
/* form */
.join-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:40px;align-items:start}.join-benefits{color:white;padding:25px 0}.join-benefits h2{font-size:2.35rem}.join-benefits p{color:#c6d4f1;font-size:1.05rem;line-height:1.8}.join-point{display:flex;align-items:flex-start;gap:14px;color:#e4edff;font-size:.93rem;font-weight:800;margin:24px 0}.join-point .join-point__icon{width:37px;height:37px;background:#2b416f;border:1px solid #49618c;color:#a4ffe6;display:grid;place-items:center;border-radius:11px;font-size:1.25rem;flex-shrink:0}.form-card{padding:36px}.form-card h2{font-size:1.75rem;margin-bottom:9px}.form-card .form-intro{font-size:.91rem;color:#65748d;margin-bottom:24px}.field{margin-bottom:19px}.field label,.field legend{font-weight:900;font-size:.86rem;color:#253650;display:block;margin-bottom:8px}.field input[type="email"],.field select,.field textarea{width:100%;display:block;border:1.5px solid #dbe4f0;border-radius:12px;background:#fbfcff;padding:14px 15px;color:#273955;outline:none;transition:border .16s,box-shadow .16s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#31baa4;box-shadow:0 0 0 4px rgba(54,198,166,.12)}.field textarea{min-height:84px;resize:vertical}.field small{color:#7b8aa0}.radio-set{border:0;padding:0;margin:0 0 19px}.radio-set legend{margin-bottom:11px}.radio-choices{display:grid;gap:9px}.radio-choice{display:flex;align-items:center;gap:10px;border:1px solid #dfe6f0;background:#fcfdff;border-radius:12px;padding:11px 13px;color:#394b67;font-size:.87rem;cursor:pointer;font-weight:750}.radio-choice:has(input:checked){border-color:#41bca7;background:#effbf6;color:#116f61}.radio-choice input{accent-color:#1aa991;width:16px;height:16px}.consent{display:flex;align-items:flex-start;gap:10px;font-size:.79rem;color:#596a82;line-height:1.55;margin:5px 0 22px}.consent input{margin-top:3px;accent-color:#10a98f}.consent a{color:#167c79;text-decoration:underline;text-underline-offset:2px}.form-footnote{text-align:center;font-size:.76rem;color:#7b8ca2;margin-top:12px}.form-footnote span{color:#149c84}.highlight{font-weight:900;color:#122b59}.form-only{background:radial-gradient(ellipse 550px 300px at 70% 0,rgba(70,94,194,.2),transparent),var(--navy);padding:60px 0 100px}.form-only .breadcrumb{margin-bottom:30px}.thanks-symbol{font-size:4.3rem;margin-bottom:13px}.thanks-card{max-width:710px;text-align:center;margin-inline:auto;padding:60px 36px}.thanks-card h1{font-size:2.6rem}.thanks-card p{color:#60718b;font-size:1.04rem;margin:14px auto 28px;max-width:520px}
/* FAQ and privacy */
.faq-list{max-width:830px;margin:30px auto 0}.faq-list details{background:white;border:1px solid #e1e7f2;border-radius:15px;padding:18px 22px;margin:10px 0}.faq-list summary{font-weight:900;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px}.faq-list summary:after{content:'+';font-size:1.5rem;font-weight:600;color:#6795ad}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:.94rem;color:var(--slate);margin:13px 0 2px}.privacy-content{max-width:865px;margin:auto}.privacy-content h2{font-size:1.34rem;margin:34px 0 11px}.privacy-content p,.privacy-content li{color:#52627f;font-size:.98rem;line-height:1.8}.privacy-content ul{padding-left:23px}.notice{border:1px solid #f0d39e;background:#fff8ea;color:#785625;padding:16px 20px;border-radius:13px;font-size:.91rem;line-height:1.6}
/* footer */
.site-footer{background:#0b132d;color:#d1ddf3;padding:42px 0 25px}.footer-main{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding-bottom:30px}.footer-main p{color:#96a8ca;max-width:390px;font-size:.85rem;margin-top:10px}.footer-nav{display:flex;flex-wrap:wrap;gap:22px;font-size:.83rem;font-weight:800}.footer-nav a:hover{color:#91ffdd}.footer-bottom{border-top:1px solid #243152;padding-top:22px;color:#8699bb;display:flex;align-items:center;justify-content:space-between;gap:13px;font-size:.77rem}
@media (max-width:1020px){.hero__grid{min-height:580px}.hero h1{font-size:clamp(2.7rem,5.5vw,4.1rem)}.hero__art img{width:115%}.floating-chip--left{left:-8%}.floating-chip--right{right:-6%}.nav-links{gap:18px}.container{padding-inline:22px}.section{padding:85px 0}.two-columns{gap:28px}} 
@media (max-width:780px){.site-header__in{height:74px}.nav-toggle{display:flex}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:#111d3c;border-top:1px solid #2e3c63;border-bottom:1px solid #314268;padding:18px 25px 23px;flex-direction:column;align-items:stretch;gap:13px;box-shadow:0 24px 40px rgba(4,8,27,.26)}.nav-links.is-open{display:flex}.nav-links a:not(.btn){padding:10px 0}.nav-links .btn{margin-top:6px}.hero__grid{grid-template-columns:1fr;gap:0;padding-top:52px;padding-bottom:48px}.hero__copy{text-align:center}.hero h1{max-width:720px;margin-inline:auto;font-size:clamp(2.65rem,7vw,4.35rem)}.hero .lead{margin-inline:auto}.hero__actions{justify-content:center}.hero__art{margin-top:18px;max-height:460px}.hero__art img{width:100%;max-width:560px}.floating-chip--left{left:6%;top:33%}.floating-chip--right{right:8%;bottom:17%}.feature-strip__inner{grid-template-columns:1fr;gap:12px;padding-block:20px}.two-columns{grid-template-columns:1fr;gap:35px}.mode-grid,.detail-grid,.steps{grid-template-columns:1fr}.mode-card{display:grid;grid-template-columns:155px 1fr;column-gap:20px;align-content:center}.mode-card .mode-illustration{grid-row:1/4;height:160px;margin:0}.mode-card .mode-illustration span{font-size:3.3rem}.parent-panel{max-width:620px}.join-grid{grid-template-columns:1fr;gap:12px}.join-benefits{text-align:center;padding:0 0 6px}.join-point{justify-content:center;text-align:left;max-width:410px;margin:15px auto}.form-only{padding-top:45px}.challenge-wrap{grid-template-columns:1fr}.challenge-side{display:none}.section{padding:72px 0}.page-top{padding:59px 0 106px}.footer-main{flex-direction:column}.footer-bottom{flex-direction:column;align-items:flex-start}.feature-strip__item{justify-content:center}}
@media(max-width:520px){.container{padding-inline:17px}.site-header__in{height:69px}.nav-links{top:69px}.brand{font-size:1.2rem}.brand img{width:37px;height:37px}.hero__grid{padding-top:43px}.hero h1{font-size:clamp(2.45rem,11vw,3.5rem)}.hero .lead{font-size:1rem}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%}.hero__art{max-height:340px;margin-top:14px}.hero__art img{width:115%}.floating-chip{font-size:.72rem;padding:8px 9px}.floating-chip--left{left:1%;top:31%}.floating-chip--right{right:0;bottom:19%}.section{padding:63px 0}.section-head{margin-bottom:27px}.section-head p{font-size:1rem}.mode-card{display:block;padding:20px}.mode-card .mode-illustration{height:114px;margin-bottom:18px}.mode-card .mode-illustration span{font-size:3.1rem}.parent-panel{padding:18px}.stats-row strong{font-size:1.2rem}.stats-row small{font-size:.66rem}.demo-board{padding:16px}.demo-board__preview{padding:16px}.page-top h1{font-size:2.45rem}.page-top p{font-size:.98rem}.surface-card{padding:21px}.challenge-panel{padding:20px}.question-card{padding:17px;min-height:170px}.question-card h3{font-size:1.13rem}.options{grid-template-columns:1fr;gap:8px}.option{min-height:55px;padding:11px 13px}.challenge-controls{flex-wrap:wrap}.challenge-controls .btn{flex:1}.form-card{padding:24px 19px}.join-benefits h2{font-size:2rem}.footer-nav{gap:14px}.cta-section{padding:75px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* MathLiga version 2 — focused mobile hero, game demo and friend challenge */
.hero__preview-note{position:absolute;bottom:8px;left:0;right:0;color:#9eafd6;font-size:.69rem;text-align:center;opacity:.95}
.hero__copy .hero__actions .btn{min-height:58px}
.quiz-intro{text-align:center;padding:16px 0 10px}
.quiz-intro h2{font-size:clamp(1.5rem,3vw,2.15rem);margin:10px 0}
.quiz-intro p{color:#65748d;max-width:490px;margin:0 auto 22px}
.intro-icon{display:grid;place-items:center;font-size:2.4rem;background:linear-gradient(135deg,#e5fbf7,#e8e8ff);width:82px;height:82px;margin:0 auto 22px;border-radius:24px}
.level-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:27px 0}
.level-card{border:2px solid #dce5ef;border-radius:16px;text-align:left;background:#f8faff;display:flex;flex-direction:column;gap:8px;padding:17px;cursor:pointer;color:#253650;min-height:111px;transition:border-color .16s,background .16s,transform .16s}
.level-card:hover{transform:translateY(-2px)}
.level-card.active{background:#eafbF6;border-color:#38bea2}
.level-card strong{font-size:1rem}
.level-card small{font-size:.8rem;color:#64758d;line-height:1.4}
.progress-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:24px}
.progress-step{height:43px;border-radius:13px;background:#eef2fa;border:1px solid #e0e7f2;display:grid;place-items:center;position:relative;color:#98a9c4;font-weight:900}
.progress-step span{width:28px;height:28px;border-radius:50%;background:#fff;display:grid;place-items:center}
.progress-step.current{background:#e1f7f0;border-color:#66cdb6;color:#116f61}
.progress-step.done{background:#d1f4e7;border-color:#69c7a8;color:#08755d}
.progress-step.current span,.progress-step.done span{background:#a3e5cf}
.friend-banner{padding:12px 16px;border-radius:13px;border:1px solid #d4c6f1;background:#f5f0ff;color:#4a327b;margin-bottom:16px;font-size:.87rem;font-weight:700}
.feedback-win{position:relative;overflow:hidden}
.reward-flash{position:absolute;right:19px;top:8px;font-size:1.3rem;color:#12a985;animation:rewardSpark .55s ease-out 1}
@keyframes rewardSpark{from{opacity:0;transform:scale(.5) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(0)}}
.result-trophy{font-size:5.1rem;filter:drop-shadow(0 10px 9px rgba(249,198,80,.24));animation:rewardBounce .75s cubic-bezier(.17,.67,.31,1.3) 1}
@keyframes rewardBounce{0%{transform:scale(.5) rotate(-9deg);opacity:.35}75%{transform:scale(1.12) rotate(4deg)}100%{transform:scale(1) rotate(0);opacity:1}}
.result-view .earned-badge{margin:9px auto 25px;max-width:430px;background:#fff8e7;border:1px solid #f8dc99;border-radius:17px;display:flex;align-items:center;justify-content:center;gap:15px;padding:14px 17px;text-align:left;color:#65480e}
.badge-icon{font-size:2.4rem}
.earned-badge strong,.earned-badge small{display:block}
.earned-badge small{color:#94732c;font-size:.74rem;margin-top:3px}
.result-view p.friend-result{background:#f3f6ff;padding:12px 15px;border-radius:14px;margin:8px auto 16px}
.share-fallback{display:block;overflow-wrap:anywhere;color:#157a83;text-decoration:underline;margin-top:8px}
.beta-choice{background:#f5f9ff;padding:12px 13px;border-radius:12px;border:1px solid #e0e9f5;margin-bottom:13px}
@media (max-width:780px){
 .hero__grid{padding-top:35px;padding-bottom:32px}
 .hero h1{margin-top:17px;margin-bottom:14px}
 .hero__art{max-height:300px;margin-top:0}
 .hero__art img{max-width:390px}
 .hero__preview-note{bottom:0}
 .floating-chip--right{right:9%;bottom:18%}
 .challenge-heading{flex-wrap:wrap}
}
@media (max-width:520px){
 .hero__grid{padding-top:27px;padding-bottom:21px}
 .hero h1{font-size:clamp(2.18rem,9.8vw,2.85rem);line-height:1.08;margin:14px 0}
 .hero .lead{line-height:1.55;font-size:.98rem}
 .hero__actions{margin-top:20px}
 .hero__note{margin-top:10px;font-size:.76rem}
 .hero__art{max-height:252px;margin-top:0}
 .hero__art img{width:105%;max-width:360px}
 .floating-chip{display:none}
 .hero__preview-note{font-size:.65rem}
 .level-cards{grid-template-columns:1fr;gap:8px;margin:20px 0}
 .level-card{min-height:75px;gap:3px;padding:14px}
 .progress-step{height:37px}
 .result-trophy{font-size:4rem}
 .result-view .earned-badge{padding:12px}
}
@media(prefers-reduced-motion:reduce){.result-trophy,.reward-flash{animation:none}}