@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{box-sizing:border-box;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.diagnostic-character{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.diagnostic-character canvas,.diagnostic-character img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.diagnostic-character img{opacity:1;transition:opacity .2s}.diagnostic-character canvas{opacity:0;transition:opacity .2s}.diagnostic-character.ready canvas{opacity:1}.diagnostic-character.ready img{opacity:0}.home-animated-mascot-stage{height:clamp(280px,28vw,410px)}.home-animated-mascot-stage>img{object-fit:contain;width:100%;height:100%}.home-animated-mascot{text-align:center}.home-mascot-panel .diagnostic-character img{height:100%}.home-demo{padding-top:4rem;scroll-margin-top:6rem}.home-demo-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.75rem;display:flex}.home-demo-heading>p{max-width:310px;color:var(--landing-muted);line-height:1.7}.home-demo-heading h2{max-width:620px;margin-bottom:0}.home-demo-scene{color:#172033;background:#c4f5f7 url(/diagnostic-winter.svg) 50%/cover;border:1px solid #d2e8ed;border-radius:32px;grid-template-columns:1fr 1fr;align-items:center;gap:1.5rem 3rem;padding:clamp(1.25rem,4vw,3rem);display:grid}.home-demo-topline{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:.75rem;font-size:.75rem;font-weight:700;display:flex}.home-demo-topline>span{color:#fff}.home-demo-character{min-width:0}.home-demo-bubble{text-align:center;background:#f4faff;border-radius:24px;max-width:340px;margin:0 auto;padding:1.25rem;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:800;position:relative;box-shadow:0 8px 28px #142e631a}.home-demo-bubble:after{content:"";border-top:14px solid #fff;border-right:14px solid #0000;position:absolute;bottom:-12px;left:48%}.home-demo-character .home-animated-mascot-stage{height:240px}.home-demo-card{text-align:center;background:#f4faff;border:1px solid #fff;border-radius:28px;min-width:0;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 12px 35px #142e6312}.home-demo-instruction{font-size:1rem;line-height:1.6}.home-demo-listen,.home-demo-next{color:#172033;min-height:50px;font:inherit;cursor:pointer;background:#fff;border:2px solid #dfe5f5;border-radius:16px;padding:.85rem 1rem;font-weight:700}.home-demo-listen{width:100%;margin-top:1.25rem}.home-demo-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.25rem;display:grid}.home-demo-answer{color:#172033;min-height:80px;font:inherit;cursor:pointer;background:#fff;border:3px solid #e1e6f2;border-radius:20px;font-size:2rem;font-weight:800;box-shadow:0 5px 18px #142e630d}.home-demo-answer:hover:not(:disabled),.home-demo-listen:hover{border-color:#7657e8}.home-demo-answer:disabled{cursor:default;opacity:.55}.home-demo-answer.is-correct{opacity:1;background:#ecfdf3;border-color:#258254}.home-demo-answer.is-wrong{background:#fff5e6;border-color:#af6c15}.home-demo .home-demo-feedback{min-height:3.5rem;margin-top:1.25rem;font-size:.95rem;line-height:1.6}.home-demo-next{color:#fff;background:#7657e8;border-color:#7657e8}.home-demo-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 2rem;padding-top:1.5rem;display:flex}.home-demo-footer>p{color:var(--landing-muted)}.home-demo button:focus-visible{outline-offset:4px;outline:3px solid #5c40c9}@media (width<=700px){.home-demo{padding-top:2.5rem}.home-demo-heading{display:block}.home-demo-heading>p{max-width:none;margin-top:1rem}.home-demo-scene{grid-template-columns:1fr;gap:1.25rem}.home-demo-character .home-animated-mascot-stage{height:160px}.home-demo-bubble{max-width:280px}.home-demo-answer{min-height:68px}}.landing-page{--landing-blue:#007bff;--landing-blue-dark:#0066db;--landing-cyan:#00c8ed;--landing-purple:#8b5cf6;--landing-pink:#e943ef;--landing-ink:#080820;--landing-muted:#5f6474;--landing-line:#e8eef8;--landing-soft:#f5f9ff;color:var(--landing-ink);background:#fff}.landing-page>header{z-index:100;box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #08082012;padding:.85rem clamp(1.25rem,4vw,4rem);position:sticky;top:0}.landing-page .nav{max-width:1240px;margin:0 auto}@media (width>=1024px){.landing-page>header{padding-inline:2rem}.landing-page .nav{max-width:none}}.landing-page .nav-left{gap:2rem;margin-left:0}.landing-page .company-name{border-radius:7px;width:132px;height:42px;margin-right:1rem;overflow:hidden}.landing-page .company-logo{width:85%;height:auto}.landing-page .how-it-works,.landing-page .about-us,.landing-page .for-parents{color:var(--landing-ink);font-size:.9rem;font-weight:650}.landing-page .how-it-works:hover,.landing-page .about-us:hover,.landing-page .for-parents:hover{color:var(--landing-blue)}.landing-page .create-account,.landing-page .login{border-radius:8px;min-height:2.75rem;padding:.65rem 1.1rem;font-weight:700}.landing-page .create-account{border-color:var(--landing-blue-dark);background:var(--landing-blue-dark);color:#fff!important}.landing-page .create-account:hover{background:#0054b5;border-color:#0054b5}.landing-page .login{border-color:var(--landing-line);background:#fff;color:var(--landing-ink)!important}.landing-page .login:hover{background:var(--landing-soft);border-color:#cfdced}.landing-page .footer{color:#151530;background:#f8f8fc;border-top:1px solid #e5e5ef}.landing-page .footer-column h4{color:#151530}.landing-page .footer-column a,.landing-page .footer-brand p{color:#57576b}.landing-page .footer-column a:hover{color:#3730a3}.landing-page .footer-bottom{color:#67677b;border-color:#e5e5ef}.landing-page .footer-logo{width:154px;height:52px;overflow:hidden}.landing-page .footer-logo img{object-fit:cover;width:154px;height:52px;scale:1.18}@media (width<=767px){.landing-page>header{padding:.75rem 1rem}.landing-page .company-name{width:112px;height:38px;margin-right:0}.landing-page .menu-button{border:1px solid var(--landing-line);background:#fff;border-radius:50%;width:44px;height:44px;padding:12px 10px;display:grid}.landing-page .menu-button:before{content:"";background:var(--landing-ink);width:20px;height:2px;box-shadow:0 -6px 0 var(--landing-ink), 0 6px 0 var(--landing-ink);border-radius:2px;display:block}.landing-page .mobile-dropdown{border:1px solid var(--landing-line);background:#fff;border-radius:18px;padding:.6rem;top:calc(100% + .75rem);right:0}.landing-page .mobile-dropdown a{color:var(--landing-ink);border-radius:12px}.landing-page .mobile-dropdown a:hover{background:var(--landing-soft)}.landing-page .mobile-dropdown a[href=\/skapa-konto]{background:var(--landing-blue);color:#fff}.landing-page .mobile-dropdown a[href=\/logga-in]{border:1px solid var(--landing-line);color:var(--landing-ink);background:#fff}}.home-page>header{box-shadow:none;background:#fffffff5}.home-main{background-color:#fdfdff;background-image:radial-gradient(650px 480px at 100% 5%,#8b5cf617,#0000 75%),radial-gradient(550px 450px at 0 28%,#00c8ed14,#0000 75%),radial-gradient(650px 500px at 100% 53%,#ffd84d1a,#0000 75%),radial-gradient(600px 500px at 0 78%,#8b5cf612,#0000 75%),radial-gradient(650px 400px at 90% 100%,#007bff12,#0000 75%),radial-gradient(circle,#7657e811 .8px,#0000 1px);background-size:auto,auto,auto,auto,auto,28px 28px;padding:0}.home-main p,.home-main figure{margin:0}.home-main a:focus-visible{outline:3px solid var(--landing-purple);outline-offset:5px}.home-container{max-width:1440px;margin:0 auto;padding:0 clamp(1.25rem,5vw,5rem)}.home-label{color:var(--landing-blue-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:650}.home-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);max-width:1600px;margin:0 auto;padding:5rem 2rem;display:grid}.home-hero>*,.home-adaptive>*,.home-parents>*{min-width:0}.home-hero h1{letter-spacing:-.055em;margin:1.75rem 0;font-size:clamp(3rem,5.6vw,5.5rem);font-weight:600;line-height:1.07}.home-hero h1 span{color:var(--landing-blue-dark)}.home-lead{max-width:550px;color:var(--landing-muted);font-size:1.1rem;line-height:1.85}.home-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.home-button{background:var(--landing-blue-dark);color:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:2.5rem;padding:.95rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.home-button:hover{background:var(--landing-ink)}.home-text-link{color:var(--landing-blue-dark);border-bottom:1px solid;align-items:center;gap:1.5rem;padding-bottom:.4rem;font-size:.9rem;font-weight:600;display:inline-flex}.home-text-link:hover{color:var(--landing-ink)}.home-hero .home-hero-note{color:var(--landing-muted);margin-top:1.75rem;font-size:.8rem;line-height:1.7}.home-mascot-panel{color:var(--landing-ink);background:0 0;padding:2rem}.home-mascot-scene{isolation:isolate;padding:3.5rem 0 1rem;position:relative}.home-mascot-scene:before{content:"";z-index:-1;background:#f4edff;border-radius:48% 52% 40% 60%/58% 44% 56% 42%;position:absolute;inset:24% 7% 5%;transform:rotate(-8deg)}.home-mascot-scene:after{content:"";z-index:-1;background:#e5d8fa;border-radius:50%;width:54%;height:18px;position:absolute;bottom:4%;left:23%}.home-mascot-panel img{object-fit:contain;width:100%;height:clamp(280px,28vw,410px);display:block}.home-mascot-panel figcaption{text-align:center;gap:.4rem;margin-top:1.5rem;display:grid}.home-mascot-panel figcaption strong{font-size:1.15rem;font-weight:650}.home-mascot-panel figcaption>span{color:var(--landing-muted);font-size:.85rem}.home-mascot-scene .home-mascot-greeting{background:#fff;border:2px solid #e6dcf7;border-radius:20px 20px 20px 4px;padding:.8rem 1.15rem;font-weight:650;position:absolute;top:0;right:8%;transform:rotate(5deg)}.home-mascot-greeting span{color:#956400;margin-left:.5rem}.home-letter-block{aspect-ratio:1;border-radius:14px;place-items:center;width:clamp(44px,5vw,64px);font-size:clamp(1.5rem,3vw,2rem);font-weight:750;display:grid;position:absolute;box-shadow:0 4px #08082014}.home-letter-a{color:#866000;background:#fff1b5;top:23%;left:0;transform:rotate(-14deg)}.home-letter-b{color:#a0326b;background:#fce2ef;top:45%;right:0;transform:rotate(12deg)}.home-letter-c{color:#277454;background:#dcf4e9;bottom:5%;left:5%;transform:rotate(-8deg)}.home-mascot-spark{color:var(--landing-purple);font-size:2.5rem;position:absolute;bottom:10%;right:9%}.home-facts{border-block:1px solid var(--landing-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:0;padding:2rem 0;display:grid}.home-facts>div+div{border-left:1px solid var(--landing-line);padding-left:2rem}.home-facts dt{color:var(--landing-muted);font-size:.8rem}.home-facts dd{letter-spacing:-.035em;margin:.6rem 0 0;font-size:clamp(1.2rem,2vw,1.75rem);font-weight:550}.home-main h2{letter-spacing:-.045em;margin:1rem 0 1.5rem;font-size:clamp(2rem,3.3vw,3.1rem);font-weight:550;line-height:1.13}.home-main h3{letter-spacing:-.025em;margin:0 0 .75rem;font-size:1.2rem;font-weight:550}.home-body{max-width:550px;color:var(--landing-muted);line-height:1.85}.home-body+.home-body{margin-top:1rem}.home-intro{grid-template-columns:1fr 1fr;gap:4rem;padding:5rem 0;display:grid}.home-intro-copy{padding-top:2rem}.home-intro-copy .home-statement{letter-spacing:-.025em;margin-bottom:1.25rem;font-size:1.3rem;font-weight:550;line-height:1.5}.home-method{background:var(--landing-soft);border-radius:8px;padding:3.5rem;scroll-margin-top:7rem}.home-section-heading{grid-template-columns:1fr 2fr;gap:2rem;display:grid}.home-section-heading .home-label{padding-top:.6rem}.home-section-heading h2{margin-top:0}.home-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:3rem 0 0;padding:0;list-style:none;display:grid}.home-steps li{border-top:1px solid #d9e4f4;padding-top:1.25rem}.home-step-number{color:var(--landing-blue-dark);margin-bottom:1.5rem;font-size:.85rem;display:block}.home-steps p{color:var(--landing-muted);font-size:.95rem;line-height:1.8}.home-adaptive,.home-parents{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:5rem 0;display:grid}.home-adaptive .home-text-link,.home-parents .home-text-link{margin-top:1.75rem}.home-learning-example{border:1px solid var(--landing-line);border-radius:8px;padding:2rem}.home-learning-example figcaption,.home-progress figcaption{border-bottom:1px solid var(--landing-line);color:var(--landing-muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;padding-bottom:1.5rem;font-size:.75rem;display:flex}.home-example-word,.home-example-sounds{padding:1.5rem 0 0}.home-example-word>span,.home-example-sounds>span{color:var(--landing-muted);font-size:.75rem;display:block}.home-example-word strong{color:var(--landing-blue-dark);letter-spacing:-.04em;margin-top:.5rem;font-size:3.5rem;font-weight:550;display:block}.home-example-transition{background:var(--landing-soft);color:var(--landing-blue-dark);border-radius:4px;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem;display:flex}.home-example-transition p{font-size:.8rem;line-height:1.6}.home-example-sounds strong{margin-top:.75rem;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:500;display:block}.home-parents{padding-top:0}.home-progress{background:var(--landing-soft);border-radius:8px;padding:2rem}.home-progress .home-progress-heading{letter-spacing:-.025em;margin-top:1.5rem;font-size:1.3rem;font-weight:550}.home-progress dl{grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0;display:grid}.home-progress dt{color:var(--landing-muted);font-size:.75rem}.home-progress dd{color:var(--landing-blue-dark);letter-spacing:-.05em;margin:.5rem 0 0;font-size:2.5rem}.home-progress-activity{border-top:1px solid #d9e4f4;align-items:center;gap:1rem;padding-top:1.25rem;display:flex}.home-progress-activity>span:first-child{color:var(--landing-blue-dark)}.home-progress-activity strong{font-size:.9rem;font-weight:550}.home-progress-activity p{color:var(--landing-muted);margin-top:.3rem;font-size:.75rem;line-height:1.6}.home-progress-activity>span:last-child{color:var(--landing-muted);margin-left:auto;font-size:.7rem}.home-cta{border-top:2px solid var(--landing-blue);justify-content:space-between;align-items:center;gap:2rem;padding:2.5rem 0 4rem;display:flex}.home-cta>div>p:last-child{color:var(--landing-muted);line-height:1.8}.home-cta .home-button{flex-shrink:0}@media (width>=1024px){.home-hero{margin-left:max(0px,50% - 800px - 4rem)}}@media (width<=1000px){.home-hero,.home-intro,.home-adaptive,.home-parents{gap:2rem}.home-method{padding:2rem}.home-section-heading{grid-template-columns:1fr;gap:1.25rem}}@media (width<=700px){.home-hero{grid-template-columns:1fr;padding:3rem 1.25rem}.home-hero h1{font-size:clamp(2.6rem,9vw,4rem)}.home-lead{font-size:1rem}.home-mascot-panel{padding:1.5rem}.home-mascot-panel img{height:290px}.home-facts{grid-template-columns:1fr;gap:1.25rem}.home-facts>div+div{border-left:0;border-top:1px solid var(--landing-line);padding:1.25rem 0 0}.home-intro,.home-adaptive,.home-parents{grid-template-columns:1fr;gap:1.5rem;padding:2.5rem 0}.home-intro-copy{padding-top:0}.home-method{padding:2rem 1.25rem}.home-steps{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.home-step-number{margin-bottom:.75rem}.home-learning-example,.home-progress{padding:1.5rem}.home-parents>div{grid-row:1}.home-cta{flex-direction:column;align-items:start;padding:2rem 0 3rem}}:root{--primary:#7657e8;--primary-dark:#5339b8;--primary-light:#f0edff;--purple:#7657e8;--purple-soft:#eee9ff;--yellow:#ffd84d;--yellow-soft:#fff6c9;--green:#63c77a;--green-soft:#e6f8e9;--pink:#f58ab5;--pink-soft:#ffe7f0;--blue:#9edcff;--blue-soft:#e9f7ff;--text:#29243b;--text-muted:#716b7f;--border:#ebe7f2;--surface:#faf9fd;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:hidden}body{background:var(--white);width:100%;max-width:100%;color:var(--text);margin:0;font-family:DM Sans,sans-serif;overflow-x:hidden}#root{width:100%;max-width:100%;overflow-x:hidden}button,input,textarea,select{font:inherit}a{text-decoration:none}header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border-bottom:1px solid #ebe7f2cc;padding:.8rem 2rem;position:relative}.nav{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-left,.nav-right{align-items:center;gap:1rem;display:flex}.nav-left{gap:10px;margin-left:10px}.nav-right{margin-left:auto}@media (width>=768px) and (width<=1100px){header .nav{gap:1rem}header .nav .nav-left{gap:1rem;margin-left:0}header .nav .company-name{flex-shrink:0;width:110px;margin-right:0}header .nav .nav-right{gap:.5rem}header .nav a{white-space:nowrap;font-size:.82rem}header .nav .create-account,header .nav .login{padding-inline:.75rem}}.nav a{color:inherit;text-decoration:none}.how-it-works,.about-us,.for-parents{color:var(--text);font-weight:500;transition:color .2s}.how-it-works:hover,.about-us:hover,.for-parents:hover{color:var(--purple)}.company-name{color:var(--purple);align-items:center;margin-right:4rem;font-weight:800;display:inline-flex}.company-logo{aspect-ratio:1126/249;width:auto;height:2rem;display:block}.create-account,.login{cursor:pointer;letter-spacing:0;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;min-height:2.65rem;padding:.6rem 1rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:transform .2s,background-color .2s,border-color .2s;display:inline-flex}.create-account{background:var(--primary-dark);border-color:var(--primary-dark);color:var(--white)!important}.login{background:var(--text);border-color:var(--text);gap:.35rem;color:var(--white)!important}.create-account:hover,.login:hover{transform:translateY(-1px)}.create-account:hover{background:var(--primary);border-color:#0f482d}.login:hover{background:#3b344f;border-color:#3b344f}.create-account:focus-visible,.login:focus-visible{outline-offset:3px;outline:3px solid #7657e84d}main{padding:0 2rem}.footer{background:#faf9fd;border-top:1px solid #eeeaf5;margin-top:0;padding:4rem 2rem 2rem}.footer-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto;padding-bottom:4rem;display:grid}.footer-brand{max-width:280px}.footer-logo{align-items:center;margin-bottom:1rem;display:inline-flex}.footer-logo img{transform-origin:0;width:auto;height:2.2rem;display:block;scale:6}.footer-brand p{color:#5f586d;margin:0;font-size:.95rem;line-height:1.6}.footer-column{flex-direction:column;gap:.75rem;display:flex}.footer-column h4{color:var(--text);margin:0 0 .5rem;font-size:.85rem;font-weight:800}.footer-column a{color:#7c7589;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-column a:hover{color:var(--purple)}.footer-bottom{color:#aaa4b5;border-top:1px solid #e8e3ef;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding-top:1.5rem;font-size:.8rem;display:flex}.footer-bottom p{color:#777080;margin:0}.menu-button,.mobile-dropdown{display:none}@media (width<=767px){header{padding:.75rem 1rem}.nav{gap:.75rem;position:relative}.nav-left{gap:.5rem}.nav-left .how-it-works,.nav-left .about-us,.nav-left .for-parents,.nav-right{display:none}.company-name{height:1.7rem;margin-right:0}.company-logo{height:1.7rem}.menu-button{width:42px;height:42px;color:var(--purple);cursor:pointer;background:#fff;border:none;border-radius:13px;justify-content:center;align-items:center;padding:0;font-size:1.25rem;display:flex}.mobile-dropdown{z-index:100;background:#fff;border:1px solid #e8e3ef;border-radius:18px;flex-direction:column;padding:.5rem;display:flex;position:absolute;top:calc(100% + .75rem);left:0;right:0}.mobile-dropdown a{color:var(--text);border-radius:11px;align-items:center;gap:.4rem;padding:.9rem 1rem;font-size:.9rem;font-weight:650;display:flex}.mobile-dropdown a:hover{background:var(--purple-soft)}.mobile-dropdown a[href=\/skapa-konto]{background:var(--green);color:#fff;justify-content:center;margin-top:.25rem}.mobile-dropdown a[href=\/logga-in]{background:var(--purple);color:#fff;justify-content:center;margin-top:.4rem}main{padding:0}.footer{padding:3rem 1rem 1.5rem}.footer-top{grid-template-columns:1fr 1fr;gap:2.5rem 1.5rem}.footer-brand{grid-column:1/-1;max-width:100%}.footer-bottom{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (width<=399px){header{padding:.7rem .75rem}.company-name,.company-logo{height:1.5rem}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}}@media (width>=1440px){.nav-left{margin-left:40px}}.reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay);transform:translateY(40px)}.reveal-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}.reveal{opacity:1;transition:none;transform:none}}:root{--pluggia-canvas:#f8fafc;--pluggia-surface:#fff;--pluggia-ink:#111827;--pluggia-muted:#64748b;--pluggia-purple:#7657e8;--pluggia-purple-dark:#5c40c9;--pluggia-purple-soft:#f0edff;--pluggia-blue-soft:#eff6ff;--pluggia-yellow-soft:#fef3c7;--pluggia-green-soft:#ecfdf3;--pluggia-line:#e5e7eb;--pluggia-radius:28px;--pluggia-shadow:0 20px 55px #2a224e14}body{background:var(--pluggia-canvas);color:var(--pluggia-ink)}.auth-page,.login-page,.forgot-password-page,.reset-password-page,.verify-email-page,.verify-success-page,.add-child-page,.start-diagnostic-page,.diagnostic-page,.diagnostic-result-page,.dashboard-page,.child-page,.feedback-page,.legal-page{isolation:isolate;background-color:var(--pluggia-canvas);background-image:radial-gradient(circle at -5% 2%, var(--pluggia-blue-soft) 0 210px, transparent 211px), radial-gradient(circle at 104% 98%, #fef3c7ad 0 180px, transparent 181px);color:var(--pluggia-ink);position:relative}.auth-page:before,.auth-page:after,.login-page:before,.login-page:after,.forgot-password-page:before,.forgot-password-page:after,.reset-password-page:before,.reset-password-page:after,.verify-email-page:before,.verify-email-page:after,.verify-success-page:before,.verify-success-page:after,.start-diagnostic-page:before,.start-diagnostic-page:after{z-index:-1;pointer-events:none}.auth-card,.login-container,.forgot-password-container,.reset-password-container,.verify-email-card,.verify-success-card,.add-child-container,.start-diagnostic-container,.diagnostic-container,.dashboard-container,.child-page-container,.feedback-card,.legal-container{z-index:2;position:relative}.auth-card,.login-container,.forgot-password-container,.reset-password-container,.verify-email-card,.verify-success-card,.start-diagnostic-card,.feedback-card{border-radius:var(--pluggia-radius);box-shadow:var(--pluggia-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #e5e7ebd1}.auth-card,.login-container{padding:clamp(1.5rem,4vh,2.75rem)}.auth-header h1,.login-header h1,.forgot-password-header h1,.reset-password-header h1,.verify-email-title,.verify-success-title,.start-diagnostic-card h1,.feedback-card h1,.legal-header h1{color:var(--pluggia-ink);letter-spacing:-.055em;font-weight:800}.auth-header p,.login-header p,.forgot-password-header p,.reset-password-header p,.verify-email-description,.verify-success-description,.start-diagnostic-description,.feedback-intro,.legal-header>p:last-child{color:var(--pluggia-muted)}.form-group input,.feedback-field input,.feedback-field textarea{background:var(--pluggia-surface);color:var(--pluggia-ink);border-color:#dfe3e8;border-radius:13px}.form-group input:focus,.feedback-field input:focus,.feedback-field textarea:focus{border-color:var(--pluggia-purple);box-shadow:0 0 0 4px #7657e81a}.auth-button,.login-submit,.forgot-password-form button,.reset-password-form button,.verify-success-button,.start-diagnostic-button,.feedback-form button,.child-start-button,.diagnostic-primary-button{background:var(--pluggia-purple);color:#fff;border:0;border-radius:14px;font-weight:700;transition:transform .2s,background-color .2s,box-shadow .2s;box-shadow:0 8px 24px #7657e833}.auth-button:hover,.login-submit:hover,.forgot-password-form button:hover,.reset-password-form button:hover,.verify-success-button:hover,.start-diagnostic-button:hover,.feedback-form button:hover,.child-start-button:hover,.diagnostic-primary-button:hover{background:var(--pluggia-purple-dark);transform:translateY(-2px);box-shadow:0 14px 30px #7657e840}.auth-button:focus-visible,.login-submit:focus-visible,.forgot-password-form button:focus-visible,.reset-password-form button:focus-visible,.verify-success-button:focus-visible,.start-diagnostic-button:focus-visible,.feedback-form button:focus-visible,.child-start-button:focus-visible{outline-offset:3px;outline:3px solid #7657e847}.landing-page{--landing-blue:var(--pluggia-purple);--landing-blue-dark:var(--pluggia-purple-dark);--landing-purple:var(--pluggia-purple);--landing-soft:var(--pluggia-purple-soft);--landing-line:var(--pluggia-line);--landing-ink:var(--pluggia-ink);--landing-muted:var(--pluggia-muted);background:var(--pluggia-canvas);color:var(--pluggia-ink)}.home-main p,.fp-main p,.about-main p{--landing-muted:#475569;--about-muted:#475569}.landing-page>header{z-index:100;box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fafcdb;border-bottom:1px solid #e5e7ebd9;position:sticky;top:0}.landing-page .mobile-dropdown{z-index:120;box-shadow:var(--pluggia-shadow);border-radius:18px}.home-main,.fp-main,.about-main{background-color:var(--pluggia-canvas);background-image:radial-gradient(circle at 0 4%, var(--pluggia-blue-soft) 0 260px, transparent 261px), radial-gradient(circle at 100% 32%, #fef3c78c 0 220px, transparent 221px)}.home-button,.fp-button,.landing-page .create-account{background:var(--pluggia-purple);border-radius:14px;box-shadow:0 8px 24px #7657e82e}.home-button:hover,.fp-button:hover,.landing-page .create-account:hover{background:var(--pluggia-purple-dark);transform:translateY(-2px)}.landing-page .login{border-color:var(--pluggia-line);background:#fff;border-radius:14px;color:var(--pluggia-ink)!important}.home-method,.home-learning-example,.home-progress,.fp-lesson,.fp-process,.fp-dashboard,.about-origin,.about-team{border-radius:var(--pluggia-radius);border:1px solid #e5e7ebe6;box-shadow:0 16px 45px #2a224e0f}.about-origin{background:var(--pluggia-purple);border-color:#0000}.home-label,.fp-label,.about-label,.home-text-link,.fp-text-link,.about-text-link{color:var(--pluggia-purple-dark)}.home-hero h1 span,.fp-hero h1 span,.about-intro h1 span{color:var(--pluggia-purple)}.family-layout{background:var(--pluggia-canvas)}.family-sidebar{z-index:80;border-color:var(--pluggia-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;box-shadow:12px 0 36px #2a224e0d}.family-sidebar-toggle{z-index:2}.family-nav-link.active{background:var(--pluggia-purple);box-shadow:0 8px 20px #7657e838}.child-task-card,.legal-container{border-radius:var(--pluggia-radius);background:#ffffffe6;border-color:#e5e7ebe6;box-shadow:0 12px 38px #2a224e0f}.child-character-stage,.diagnostic-character-stage{z-index:1;position:relative}.diagnostic-milestone-overlay{z-index:200}.diagnostic-header,.diagnostic-footer{z-index:20;position:relative}.legal-container{padding:clamp(2rem,6vw,4.5rem)}.legal-section h2,.legal-section h3{color:var(--pluggia-ink)}.legal-section p,.legal-section li{color:var(--pluggia-muted)}@media (width<=767px){.auth-card,.login-container,.forgot-password-container,.reset-password-container,.verify-email-card,.verify-success-card,.start-diagnostic-card,.feedback-card,.home-method,.home-learning-example,.home-progress,.fp-lesson,.fp-process,.fp-dashboard,.about-origin,.about-team,.legal-container{border-radius:22px}.family-sidebar{z-index:90;position:sticky;top:0}}.auth-page,.login-page,.forgot-password-page,.forgot-password-page .forgot-password-container,.legal-page,.auth-page .auth-card,.login-page .login-container,.legal-page .legal-container,.legal-page .legal-header,.auth-page .form-error,.login-page .error-message{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0}.auth-page:before,.auth-page:after,.login-page:before,.login-page:after{content:none}@media (prefers-reduced-motion:reduce){.auth-button,.login-submit,.forgot-password-form button,.reset-password-form button,.verify-success-button,.start-diagnostic-button,.feedback-form button,.child-start-button,.home-button,.fp-button{transition:none}}
