:root{--ink:#0f2d4b;--navy:#174a76;--blue:#397fc6;--baby:#e8f4fd;--mist:#f7fbff;--border:#d0e3f2;--muted:#4e6b84;--shadow:0 5px 19px rgba(15,45,75,.07);--round:22px}
body{background:linear-gradient(180deg,#eaf6ff 0%,#f7fbff 48%,#fffaf3 100%)}
.topbar{background:#fffffff0;border-color:#d6e6f2}.logo-shape{background:#e7f3fc;border-radius:15px;transform:rotate(-5deg);box-shadow:3px 4px 0 #c3dff1;padding:2px}.logo-shape img{display:block;width:100%;height:100%;object-fit:contain}.logo-type small{color:#0f2d4b}.logo-type strong{color:#397fc6}.logo-type i{color:#54718b}.toplinks .navlink.current{background:#dcefff;color:#164b79}.header-chip{border-radius:12px;background:#e7f4fc}.back-home{font:800 .78rem var(--display);color:#1b5588;background:#edf7ff;border:1px solid #cee2f2;border-radius:10px;padding:9px 11px;text-decoration:none;white-space:nowrap}.back-home:hover{background:#dcefff}.sidebar{background:#eff8ff}.sidebar-link.selected,.sidebar-link:hover{background:#d8ecfb}.hero{background:linear-gradient(118deg,#d4eafb,#e7f5ff);border-color:#b3d5ea;border-radius:27px}.hero h1 em{color:#2c74b3}.hero .overline{color:#2d6695}.btn-primary{background:#0f477e;border-color:#0f477e}.btn-primary:hover{background:#1a5e95}.btn-secondary{color:#164e7c;background:#edf8ff;border-color:#bed9ec}.art-paper{border:2px solid #b0d6ec;box-shadow:0 12px 0 #a0cfed,0 24px 28px #235b881f}.art-sticker{background:#0f477e}.white-card,.unit-card,.resource-card,.price-card{border-color:#d0e3f2;border-radius:22px}.unit-card:hover,.resource-card:hover:not(:disabled){border-color:#9cc9e7}.hero,.white-card,.free-feature,.return-banner,.session-builder,.activity-box,.hub-banner{box-shadow:0 9px 22px #0d47720d}.pill{color:#215a87;background:#e8f5fd;border-color:#c6e2f3}.sidebar-progress{border-color:#d0e3f2}.free-feature{background:linear-gradient(115deg,#12385b,#245d91)}.mobile-nav{box-shadow:0 -4px 18px #072a4c0d}.mobile-link.current{color:#0f477e}
@media(max-width:650px){.topbar-inner{gap:7px}.back-home{padding:7px 8px;font-size:.69rem}.logo-type small{font-size:.6rem}.logo-type strong{font-size:1rem}.logo-type i{font-size:.59rem}.logo-shape{height:39px;width:39px}.header-chip{font-size:.67rem;padding:6px}.hero{border-radius:22px}.hero h1{letter-spacing:-.06em}.hero-actions .btn{width:100%}.white-card{border-radius:21px}.mobile-nav .mobile-link{min-width:55px}.mobile-nav small{font-size:.65rem}}
@media(max-width:360px){.back-home{display:none}}