/* STEVZONE 5 — single coherent art direction, real controls */
:root{--navy:#102765;--sky:#e4f7ff;--gold:#ffbe35;--purple:#6437d5}
html{scroll-padding-top:96px}body{background:radial-gradient(circle at 15% 7%,#b1edff,transparent 31%),radial-gradient(circle at 90% 40%,#f7d3ff,transparent 40%),linear-gradient(180deg,#e3f5ff,#f6f0ff 60%,#eef8ff)!important}
.top{background:linear-gradient(95deg,#092663,#173f93 57%,#402485)!important;border-bottom:3px solid #66dfff!important;box-shadow:0 6px 18px #14296825!important}
.top .nav button{color:white!important}.top .nav button:hover,.top .nav button.active{background:#ffffff30!important;color:#fff!important}.topin{max-width:1390px!important;gap:12px!important}.topin .logo{background:none!important;filter:none!important;-webkit-text-stroke:0!important;padding:0!important;display:flex!important;align-items:center!important}.topin .logo img{display:block;width:clamp(130px,12vw,188px);height:auto;max-height:62px;object-fit:contain}
.container{max-width:1340px!important;padding:22px!important}.sz-adventure{overflow:hidden!important;border:5px solid #fff!important;border-radius:32px!important;background:#fff!important;box-shadow:0 23px 60px #214a9160!important;margin-bottom:26px!important}
.sz-sky{isolation:isolate;display:grid!important;grid-template-columns:1.08fr .92fr!important;align-items:center!important;min-height:475px!important;position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 75% 17%,#fffbd2 0,transparent 24%),radial-gradient(circle at 12% 70%,#90dfff 0,transparent 33%),linear-gradient(135deg,#91e9ff 0%,#a9d6ff 44%,#d9c5ff 100%)!important}
.sz-sky:before{content:'✦     ☁       ✨       ☁'!important;position:absolute!important;top:15px!important;left:15px!important;right:0!important;bottom:auto!important;font-size:32px!important;letter-spacing:15px!important;color:#fff!important;opacity:.75!important;pointer-events:none!important}
.sz-sky:after{content:'';position:absolute;z-index:-1;inset:auto -4% -90px;background:radial-gradient(ellipse at 50% 0,#63d2aa 0,#37b7ac 40%,#2394c3 72%,transparent 73%);height:175px;pointer-events:none}
.sz-intro{grid-column:1!important;grid-row:1!important;position:relative!important;z-index:3!important;width:100%!important;padding:36px 4% 44px 9%!important;text-align:center!important;direction:rtl!important}
.sz-overline{display:inline-block!important;border:2px solid #fff!important;border-radius:50px!important;background:#ffffffd9!important;color:#2c4797!important;font-size:15px!important;padding:9px 18px!important;font-weight:900!important}
.sz-intro h1{margin:16px auto 5px!important;width:min(100%,520px)!important;line-height:1!important;text-align:center!important;font-size:0!important;text-shadow:none!important;-webkit-text-stroke:0!important;letter-spacing:0!important;direction:ltr!important}
.sz-intro h1 img{display:block!important;width:100%!important;max-height:190px!important;object-fit:contain!important;filter:drop-shadow(0 10px 8px #20499945)}
.sz-subtitle{font-size:13px;letter-spacing:3px;color:#285ca6;font-weight:900;margin:8px 0}
.sz-intro p{font-size:clamp(18px,2vw,24px)!important;color:#173772!important;text-shadow:none!important;line-height:1.55!important;margin:13px auto 18px!important;max-width:540px!important;font-weight:900!important}
.sz-cta{display:inline-flex!important;align-items:center;justify-content:center;min-height:52px;margin:4px!important;padding:12px 20px!important;border:3px solid white!important;border-radius:18px!important;background:linear-gradient(#ffe573,#ffb72d 65%,#ff8a20)!important;color:#263269!important;font-size:16px!important;font-weight:900!important;box-shadow:0 5px 0 #c97421,0 10px 20px #1a477933!important;transition:transform .2s!important}
.sz-cta:hover{transform:translateY(-3px)!important}.sz-cta-secondary{background:linear-gradient(#fff,#dff6ff)!important;box-shadow:0 5px 0 #82bddb!important}
.sz-hero-boy{grid-column:2!important;grid-row:1!important;position:relative!important;inset:auto!important;width:calc(100% - 38px)!important;height:390px!important;max-height:none!important;object-fit:cover!important;object-position:30% 50%!important;border:8px solid #fff!important;border-radius:42% 58% 43% 57% / 45% 40% 60% 55%!important;box-shadow:0 17px 0 #74c7ec,0 24px 36px #22438e45!important;transform:rotate(-2deg);filter:none!important;margin:25px 25px 38px 0!important;z-index:2!important}
.sz-worlds{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;padding:25px!important;background:linear-gradient(145deg,#dcf8ff,#efe7ff 52%,#fff0d5)!important}
.sz-world{position:relative!important;min-height:186px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;overflow:hidden!important;border:3px solid white!important;border-radius:25px!important;padding:12px!important;box-shadow:0 7px 0 #24458455,0 14px 23px #3b3a8c1b!important;transition:transform .18s,box-shadow .18s!important}
.sz-world:hover,.sz-world:focus-visible{transform:translateY(-5px)!important;box-shadow:0 11px 0 #24458455,0 17px 28px #3b3a8c2a!important}.sz-world-creature{height:76px!important;width:90px!important;object-fit:contain!important;filter:drop-shadow(0 5px 5px #1d35612b)!important}.sz-world>span{position:absolute!important;top:9px!important;right:14px!important;font-size:26px!important}.sz-world b{font-size:clamp(17px,1.6vw,23px)!important;color:#183368!important}.sz-world small{font-size:13px!important;color:#405481!important;font-weight:700!important}
.sz-math{background:linear-gradient(135deg,#ffe29b,#fff3cc)!important}.sz-science{background:linear-gradient(135deg,#a4d7ff,#dff7ff)!important}.sz-language{background:linear-gradient(135deg,#a8f0bb,#e2ffe8)!important}.sz-brain{background:linear-gradient(135deg,#d4b2ff,#f3e4ff)!important}.sz-discovery{background:linear-gradient(135deg,#a5f3f0,#e5ffff)!important}.sz-ai{background:linear-gradient(135deg,#ffb2d3,#ffebf4)!important}
.friend-zone{background:linear-gradient(135deg,#e0f4ff,#f6e7ff 55%,#fff3d9)!important;border:3px solid white!important;border-radius:29px!important;padding:28px!important;box-shadow:0 18px 36px #263d8522!important}.friend-zone>h2{text-align:center!important;color:#1c3980!important;font-size:clamp(25px,3vw,39px)!important}.friend-zone>p{text-align:center!important}.friend-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.friend-card{border:3px solid white!important;border-radius:24px!important;box-shadow:0 8px 0 #234c8a2c,0 13px 25px #2339771c!important;overflow:hidden!important;background:#fff!important;padding:9px 9px 18px!important;text-align:center!important}.friend-card img{display:block!important;width:100%!important;height:185px!important;object-fit:contain!important;object-position:center!important;border-radius:18px!important;background:radial-gradient(circle at 50% 60%,#fff,#d8efff)!important;padding:6px!important}.friend-card:first-child img{object-fit:cover!important;object-position:center 25%!important}.friend-card h3{font-size:22px!important;color:#1b3879!important}.friend-card button{min-height:45px!important;border-radius:15px!important;font-weight:900!important}.friend-card button:hover{filter:brightness(1.06);transform:translateY(-2px)}
section[id]{scroll-margin-top:100px}button:focus-visible,a:focus-visible{outline:4px solid #ffbd2c!important;outline-offset:3px!important}
@media(max-width:900px){.sz-sky{min-height:380px!important}.sz-intro{padding:26px 3% 30px!important}.sz-hero-boy{height:300px!important}.sz-worlds{gap:10px!important;padding:15px!important}.sz-world{min-height:160px!important}.friend-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.container{padding:10px!important}.sz-adventure{border-radius:24px!important;border-width:3px!important}.sz-sky{display:flex!important;flex-direction:column!important;min-height:0!important;padding:20px 12px 0!important}.sz-intro{order:1!important;width:100%!important;padding:8px 4px 12px!important}.sz-intro h1{margin:12px auto 3px!important;max-width:330px!important}.sz-intro h1 img{max-height:120px!important}.sz-intro p{font-size:16px!important}.sz-subtitle{font-size:10px;letter-spacing:2px}.sz-overline{font-size:12px!important}.sz-hero-boy{order:2!important;position:relative!important;inset:auto!important;width:min(85%,310px)!important;height:245px!important;margin:15px auto 29px!important;object-position:30% 43%!important;border-width:6px!important}.sz-worlds{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:12px!important}.sz-world{min-height:152px!important;border-radius:18px!important;padding:8px 4px!important}.sz-world-creature{height:69px!important}.sz-world b{font-size:15px!important}.sz-world small{font-size:11px!important}.sz-world>span{font-size:18px!important;top:6px!important;right:6px!important}.friend-zone{padding:15px 10px!important}.friend-cards{gap:10px!important}.friend-card{padding:5px 5px 12px!important}.friend-card img{height:138px!important}.friend-card h3{font-size:17px!important}.friend-card p{font-size:12px!important}.sz-cta{font-size:13px!important;min-height:44px!important;padding:8px 12px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}