.public-site,.signup-page{--ink:#1b3358;--muted:#536580;--line:#d7e2f2;--blue:#1b3358;--blue-deep:#13243f;--brand:#2b4a7a;--wash:#e5ecf8;--sun:#f4a51c;--sun-wash:#fef1d2;--teacher:#e8692e;--teacher-ink:#b8461a;--teacher-wash:#fde9de;--card:#fff;--bg:#f3f7fe;background:radial-gradient(ellipse 80% 50% at 10% -10%, #dbe6f6 0%, transparent 55%), radial-gradient(ellipse 60% 40% at 100% 0%, #fef1d2 0%, transparent 45%), radial-gradient(ellipse 50% 35% at 90% 90%, #fde9de 0%, transparent 50%), var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-text)}.public-header,.signup-header{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:18px clamp(16px,4vw,40px);display:flex}.public-brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.15rem;font-weight:650;text-decoration:none;display:inline-flex}.public-brand strong{color:var(--blue)}.public-brand-mark{width:38px;height:38px;color:var(--sun);background:linear-gradient(145deg,#1b3358,#1b3358);border-radius:12px;place-items:center;display:grid}.public-nav{gap:22px;display:none}.public-nav a{color:var(--muted);font-size:.95rem;font-weight:600;text-decoration:none}.public-nav a:hover{color:var(--blue)}.public-actions{align-items:center;gap:10px;display:flex}.public-language,.public-login,.back-link,.switch-auth button{color:#294776;cursor:pointer;background:#fffc;border:1px solid #ced8e9;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-weight:600;text-decoration:none;display:inline-flex}.public-login{background:var(--blue);border-color:var(--blue);color:#fff}.public-hero{gap:28px;max-width:1180px;margin:0 auto;padding:12px clamp(16px,4vw,40px) 36px;display:grid}.public-site.studio{background:radial-gradient(70% 45% at 0 0,#d5e0f0 0%,#0000 55%),radial-gradient(50% 40% at 100% 5%,#fde9de 0%,#0000 50%),radial-gradient(40% 35% at 80% 80%,#fef1d2 0%,#0000 45%),#f5f9fe;overflow-x:clip}.hero-stage{isolation:isolate;max-width:1180px;margin:0 auto;padding:12px clamp(16px,4vw,40px) 48px;position:relative}.hero-stage:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 72px,#ffffff14 72px 74px);position:absolute;inset:0 8%;-webkit-mask-image:linear-gradient(#0005,#0000 72%);mask-image:linear-gradient(#0005,#0000 72%)}.hero-shape{filter:blur(2px);pointer-events:none;opacity:.78;border-radius:999px;animation:14s ease-in-out infinite float-shape;position:absolute}.hero-shape-blue{background:linear-gradient(90deg,#2b4a7a66,#0000);width:min(52vw,420px);height:110px;top:12%;left:-8%;rotate:18deg}.hero-shape-pink{background:linear-gradient(90deg,#e8692e55,#0000);width:min(48vw,380px);height:96px;animation-delay:-4s;bottom:8%;right:-6%;rotate:-14deg}.hero-shape-sun{background:linear-gradient(90deg,#f4a51c88,#0000);width:180px;height:56px;animation-delay:-7s;top:8%;right:18%;rotate:22deg}.hero-shape-sky{background:linear-gradient(90deg,#9dc2fa66,#0000);width:140px;height:44px;animation-delay:-2s;bottom:10%;left:22%;rotate:-22deg}@keyframes float-shape{0%,to{translate:0}50%{translate:0 18px}}.hero-world{perspective:1200px;align-items:center;gap:28px;display:grid}.hero-copy{z-index:4;position:relative}.hero-copy h1{letter-spacing:-.04em;max-width:13ch;margin:14px 0 16px;font-size:clamp(2.15rem,5.4vw,3.55rem);line-height:1.12}.hero-orbit{--tilt-x:0deg;--tilt-y:0deg;z-index:3;min-height:620px;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .18s ease-out;position:relative}.orbit-floor{inset-inline:8%;filter:blur(6px);pointer-events:none;background:radial-gradient(#1b335828,#0000 68%);border-radius:50%;height:90px;position:absolute;bottom:8%;transform:rotateX(78deg)translateZ(-48px)}.chalk-board{inset-inline-end:2%;color:#f0f5fe;background:linear-gradient(#ffffff12,#0000 40%),linear-gradient(160deg,#183665,#1b3358);border-radius:18px;width:min(188px,44%);padding:16px 18px;animation:8s ease-in-out infinite bob;position:absolute;top:2%;transform:rotateY(22deg)rotateX(-8deg)translateZ(28px);box-shadow:16px 22px 40px #1b335833,inset 0 0 0 1px #fff2}.chalk-board span{letter-spacing:.12em;text-transform:uppercase;color:#f4a51c;font-size:.72rem;font-weight:700;display:block}.chalk-board strong{margin:8px 0 4px;font-size:1.15rem;display:block}.chalk-board em{color:#ced8e8;font-size:.88rem;font-style:normal}.float-card{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-style:preserve-3d;background:#fffffff2;border:1px solid #fffa;border-radius:22px;align-items:center;gap:12px;padding:14px 16px;display:flex;position:absolute;overflow:hidden;box-shadow:18px 28px 50px #1b335822,0 0 0 1px #d7e2f280}.float-card:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#fffa 48%,#0000 62%);animation:7s ease-in-out infinite glass-shine;position:absolute;inset:0;transform:translate(-130%)}.float-card small{color:var(--muted);font-size:.78rem;display:block}.float-teacher{inset-inline-start:0;animation:7s ease-in-out infinite bob;top:auto;bottom:20%;transform:rotateY(-18deg)rotateX(8deg)translateZ(90px)}.float-teacher .teacher-avatar{background:linear-gradient(145deg,#e8692e,#b8461a)}.float-teacher svg{color:#03625d}.float-slot{inset-inline:auto 4%;animation:8s ease-in-out -2s infinite bob;bottom:4%;transform:rotateY(16deg)rotateX(-6deg)translateZ(110px)}.float-slot svg{color:var(--blue);width:28px;height:28px}.float-play{inset-inline:2% auto;color:var(--teacher-ink);font-weight:700;animation:6.5s ease-in-out -1s infinite bob;top:8%;transform:rotateY(22deg)translateZ(70px)}.float-play svg{color:var(--teacher)}@keyframes bob{0%,to{translate:0}50%{translate:0 -10px}}@keyframes glass-shine{0%,62%{transform:translate(-130%)}78%,to{transform:translate(130%)}}.toy-book{z-index:2;inset-inline-start:28%;width:168px;height:224px;transform-style:preserve-3d;animation:9s ease-in-out infinite bob;position:absolute;top:24%;transform:rotateX(16deg)rotateY(-38deg)rotate(-8deg)translateZ(40px)}.book-front,.book-back,.book-pages,.book-spine,.book-ribbon{position:absolute}.book-front,.book-back{border-radius:4px 12px 12px 4px;inset:0}.book-front{color:#fff;background:radial-gradient(circle at 80% 12%,#f4a51c88,#0000 28%),linear-gradient(165deg,#6f92c7,#1b3358 58%,#1b3358);align-content:end;gap:4px;padding:18px;display:grid;transform:translateZ(14px);box-shadow:inset -10px 0 18px #0003,12px 18px 28px #1b335840}.book-front b{letter-spacing:-.06em;font-size:2.1rem;line-height:1}.book-front small{color:#f4a51c;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.book-back{background:#13243f;transform:translateZ(-14px)}.book-spine{top:0;bottom:0;background:linear-gradient(#fedfa1,#f4a51c 42%,#cb8919);width:28px;inset-inline-start:0;transform:rotateY(-90deg)translateZ(14px)}.book-pages{top:4px;bottom:4px;background:repeating-linear-gradient(#fff 0 4px,#e5ecf7 4px 5px);width:26px;inset-inline-end:0;transform:rotateY(90deg)translateZ(14px)}.book-ribbon{top:100%;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);background:linear-gradient(#e8692e,#b8461a);width:14px;height:64px;inset-inline-start:42%;transform:translateZ(15px)}[dir=rtl] .toy-book{transform:rotateX(16deg)rotateY(38deg)rotate(8deg)translateZ(40px)}.feature-1 .feature-icon{background:var(--wash);color:var(--blue)}.feature-2 .feature-icon{background:var(--teacher-wash);color:var(--teacher-ink)}.feature-3 .feature-icon{background:var(--sun-wash);color:#8e6013}.feature-4 .feature-icon{color:#11857e;background:#ddfaf6}@media (min-width:840px){.hero-world{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)}}@media (max-width:839px){.hero-stage{padding-bottom:28px}.hero-world{gap:20px;min-height:0}.hero-copy{order:2;max-width:none}.hero-copy h1{max-width:12ch;font-size:clamp(1.85rem,8.5vw,2.55rem)}.hero-orbit{perspective:900px;min-height:360px;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));touch-action:pan-y;order:1;margin-inline:-4px}.orbit-floor{inset-inline:12%;height:70px;display:block;bottom:4%}.toy-book{inset-inline-start:50%;z-index:3;width:148px;height:198px;margin-inline-start:-74px;display:block;top:14%;transform:rotateX(14deg)rotateY(-32deg)rotate(-6deg)translateZ(36px)}[dir=rtl] .toy-book{transform:rotateX(14deg)rotateY(32deg)rotate(6deg)translateZ(36px)}.book-front{padding:14px}.book-front b{font-size:1.9rem}.book-ribbon{height:52px}.chalk-board{inset-inline-end:0;z-index:4;width:min(138px,40%);padding:10px 12px;display:block;top:2%;transform:rotateY(18deg)rotateX(-6deg)translateZ(24px)}.chalk-board strong{font-size:.95rem}.float-card{z-index:5;flex:none;gap:8px;max-width:min(200px,62%);padding:10px 12px;animation:7s ease-in-out infinite bob;position:absolute;inset:auto}.float-card:after{display:block}.float-teacher{inset-inline-start:0;top:auto;bottom:8%;transform:rotateY(-14deg)rotateX(6deg)translateZ(70px)}.float-slot{inset-inline:auto 0;bottom:2%;transform:rotateY(12deg)rotateX(-4deg)translateZ(80px)}.float-play{display:none}.hero-actions{flex-direction:column}.cta{width:100%}}@media (prefers-reduced-motion:reduce){.hero-shape,.float-card,.toy-book,.chalk-board,.hero-orbit{transition:none!important;animation:none!important}.hero-orbit,.float-card,.chalk-board{transform:none!important}.toy-book,[dir=rtl] .toy-book{transform:rotateY(-18deg)!important}}.hero-copy>p{color:var(--muted);max-width:42ch;margin:0 0 22px;font-size:1.08rem;line-height:1.65}.hero-kicker{color:#805613;background:#fff4d9;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.86rem;font-weight:650;display:inline-flex}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.cta{border-radius:14px;align-items:center;gap:12px;padding:14px 18px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 8px 24px #1b355c14}.cta span{flex-direction:column;gap:2px;line-height:1.2;display:flex}.cta small{opacity:.85;font-size:.75rem;font-weight:600}.cta-parent{background:var(--blue);color:#fff}.cta-parent:hover{background:var(--blue-deep)}.cta-teacher{background:var(--teacher-wash);color:var(--teacher-ink);border:1px solid #f8d3bf}.cta-teacher:hover{background:#fbdccb}.trust-line{color:var(--muted);flex-wrap:wrap;gap:14px 20px;font-size:.92rem;font-weight:600;display:flex}.trust-line span{align-items:center;gap:7px;display:inline-flex}.trust-line svg{color:#11857e}.hero-product{border:1px solid var(--line);background:#fff;border-radius:22px;gap:14px;padding:18px;display:grid;box-shadow:0 18px 40px #1b355c12}.product-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:.88rem;font-weight:650;display:flex}.area-chip{background:var(--wash);color:#39598b;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;display:inline-flex}.spotlight-teacher{background:linear-gradient(120deg,#eaf1fd,#fff);border:1px solid #d7e2f2;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.teacher-avatar{color:#fff;background:#47689b;border-radius:16px;place-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:750;display:grid}.spotlight-copy{gap:3px;display:grid}.spotlight-copy small,.availability-card small{color:var(--muted)}.spotlight-copy span{color:#8e6013;align-items:center;gap:5px;font-size:.9rem;font-weight:650;display:inline-flex}.spotlight-verified{color:#11857e}.availability-card{border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.availability-card strong{margin-top:2px;display:block}.availability-card button{background:var(--wash);color:var(--blue);cursor:pointer;border:0;border-radius:12px;width:42px;height:42px}.subject-row{flex-wrap:wrap;gap:8px;display:flex}.subject-row span{border-radius:999px;padding:7px 12px;font-size:.86rem;font-weight:650}.subject-blue{background:var(--wash);color:var(--blue)}.subject-pink{background:var(--teacher-wash);color:var(--teacher-ink)}.subject-yellow{background:var(--sun-wash);color:#8e6013}.audience-strip{gap:12px;max-width:1180px;margin:0 auto 28px;padding:0 clamp(16px,4vw,40px);display:grid}.audience-parent,.audience-teacher{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;display:flex}.audience-parent svg,.audience-teacher svg{background:var(--wash);width:42px;height:42px;color:var(--blue);border-radius:12px;padding:10px}.audience-teacher svg{background:var(--teacher-wash);color:var(--teacher-ink)}.audience-parent small,.audience-teacher small{color:var(--muted);margin-bottom:2px;display:block}.how-section{max-width:1180px;margin:0 auto;padding:36px clamp(16px,4vw,40px) 48px}.section-intro{margin-bottom:22px}.section-intro>span{color:var(--blue);letter-spacing:.14em;margin-bottom:8px;font-size:.78rem;font-weight:700;display:block}.section-intro h2{letter-spacing:-.03em;max-width:18ch;margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}.feature-grid{gap:14px;display:grid}.feature-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px;transition:transform .25s,box-shadow .25s;transform:rotateX(4deg);box-shadow:0 4px 20px #1b355c06}.feature-card:hover{transform:rotateX(0)translateY(-6px);box-shadow:0 14px 32px #1b335814}.feature-icon{background:var(--wash);width:42px;height:42px;color:var(--blue);border-radius:12px;place-items:center;margin-bottom:12px;display:inline-grid}.feature-card small{color:var(--muted);font-weight:700}.feature-card h3{margin:6px 0 8px;font-size:1.1rem}.feature-card p{color:var(--muted);margin:0;line-height:1.55}.join-panel{color:#fff;background:linear-gradient(120deg,#162844,#305081);border-radius:22px;align-items:center;gap:18px;max-width:1180px;margin:0 auto 28px;padding:22px clamp(16px,4vw,28px);display:grid}.join-panel>div{align-items:flex-start;gap:14px;display:flex}.join-panel small{opacity:.75}.join-panel h2{letter-spacing:-.02em;margin:4px 0 0;font-size:clamp(1.35rem,2.5vw,1.8rem)}.join-panel .cta{justify-self:start}.public-footer{max-width:1180px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 auto;padding:18px clamp(16px,4vw,40px) 36px;font-weight:600;display:flex}.public-footer a{color:var(--blue);text-decoration:none}.signup-shell{grid-template-columns:minmax(0,1fr);gap:18px;max-width:1080px;margin:0 auto;padding:8px clamp(16px,4vw,40px) 40px;display:grid}.signup-shell>*{min-width:0}.signup-form,.signup-form label{grid-template-columns:minmax(0,1fr)}.signup-input{min-width:0}.signup-aside{color:#fff;background:linear-gradient(145deg,#1b3358,#1b3358);border-radius:22px;padding:28px 24px}.signup-aside.teacher{background:linear-gradient(145deg,#6e2a0c,#b8461a)}.signup-aside-icon{background:#ffffff18;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:16px;display:inline-grid}.signup-aside small{letter-spacing:.12em;opacity:.75;font-weight:700}.signup-aside h1{letter-spacing:-.03em;color:#fff;margin:10px 0 18px;font-size:clamp(1.5rem,3vw,2rem)}.signup-aside ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.signup-aside li{align-items:flex-start;gap:10px;line-height:1.45;display:flex}.signup-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:24px clamp(16px,3vw,28px);box-shadow:0 10px 30px #1b355c0d}.signup-heading small{color:#375788;letter-spacing:.12em;font-size:.78rem;font-weight:700}.signup-heading h2{letter-spacing:-.03em;margin:8px 0}.signup-heading p{color:var(--muted);margin:0 0 18px}.role-options{gap:10px;margin-bottom:18px;display:grid}.role-options button{text-align:start;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.role-options button.selected.parent{background:var(--wash);border-color:#8db0e6}.role-options button.selected.teacher{background:var(--teacher-wash);border-color:#f8d3bf}.role-options strong{display:block}.role-options small{color:var(--muted)}.signup-form{gap:14px;display:grid}.signup-form label{gap:7px;display:grid}.signup-form label>span{font-size:.92rem;font-weight:650}.signup-form label>small{color:var(--muted)}.signup-input{background:#fff;border:1px solid #d0d7e3;border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex}.signup-input svg{color:#5f7496;flex-shrink:0}.signup-input input{width:100%;min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:13px 0}.signup-input button{color:#5f7496;cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.signup-safety{color:#03625d;background:#f0f4fa;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.92rem;font-weight:600;display:flex}.signup-submit{font:inherit;color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-weight:750;display:inline-flex}.signup-submit.teacher{background:var(--teacher-ink)}.signup-submit.teacher:hover:not(:disabled){background:var(--teacher-deep,#94370f)}.signup-submit:disabled{opacity:.6;cursor:wait}.signup-error{color:#a12626;background:#fdecec;border-radius:12px;margin:0;padding:12px 14px;font-size:.92rem;font-weight:600}.switch-auth{color:var(--muted);text-align:center;margin:18px 0 0}.switch-auth button{color:var(--blue);background:0 0;border:0;padding:0}@media (min-width:840px){.public-nav{display:flex}.public-hero,.hero-stage{padding-top:12px}.audience-strip{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.join-panel{grid-template-columns:1fr auto;padding:28px 32px}.signup-shell{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch}.role-options{grid-template-columns:1fr 1fr}}@media (max-width:839px){.public-header,.signup-header{gap:8px;padding-inline:14px}.public-actions{gap:6px}.public-language,.public-login,.back-link{min-height:44px;padding-inline:11px}.public-brand{font-size:1rem}.public-brand-mark{width:36px;height:36px}.signup-card,.signup-aside{border-radius:18px}}.signup-terms{align-items:flex-start;font-size:.92rem;line-height:1.6;flex-direction:row!important;gap:10px!important;display:flex!important}.signup-terms input{width:20px;height:20px;accent-color:var(--ink,#1b3358);flex:none;margin-top:3px}.signup-terms a{color:inherit;text-underline-offset:3px}.signup-notice{color:var(--slate,#56667e);margin:0;font-size:.82rem;line-height:1.6}.signup-legal{padding:8px 16px 28px}