/* Family and onboarding share Eduvio's platform navigation. */
.eduvio-family{--fh-ink:#1f2852;--fh-muted:#56647a;--fh-line:#dce5f1;--fh-teal:#0b7484;--fh-blue:#283f81;--fh-purple:#5246c9;background:radial-gradient(circle at 8% 18%,#e0f6f7 0,transparent 32rem),radial-gradient(circle at 90% 5%,#eee9ff 0,transparent 32rem),#f6f9fc;color:var(--fh-ink)}
.eduvio-family .family-nav{position:sticky;top:0;z-index:40;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid var(--fh-line);box-shadow:0 2px 14px #14265310}
.eduvio-family .family-nav-inner{max-width:1310px;min-height:76px;margin:auto;padding:8px clamp(18px,3vw,34px);display:flex;align-items:center;gap:clamp(14px,2.8vw,36px)}
.eduvio-family .family-brand img,.eduvio-main .onb-brand img{display:block;width:150px;height:auto;max-height:42px;object-fit:contain}
.eduvio-family .family-links{display:flex;align-items:center;gap:8px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:none}
.eduvio-family .family-links :is(a,span){display:inline-flex;align-items:center;white-space:nowrap;text-decoration:none;border-radius:999px;padding:10px 14px;color:#485474;font-weight:800;font-size:.93rem}
.eduvio-family .family-links a:hover{color:var(--fh-teal);background:#e5f7f8}
.eduvio-family .family-links [aria-current]{background:#e5f5f8;color:#0b5c69}
.eduvio-family #family-language{width:auto;min-width:126px;border-radius:14px;border:1px solid #cdd9e4;background:#fff;font-weight:800;color:var(--fh-ink);padding:9px 11px}
.eduvio-family .wrap{max-width:1210px;padding:24px clamp(18px,3vw,36px) 70px}
.eduvio-family .family-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:28px;padding:clamp(26px,4vw,52px);margin:18px 0 24px;color:#fff;background:linear-gradient(117deg,#113c60 0%,#166980 54%,#4d48aa 100%);box-shadow:0 20px 40px #122a6340}
.eduvio-family .family-hero:after{content:'✦';position:absolute;right:5%;top:-80px;font-size:17rem;line-height:1;color:#ffffff13;z-index:-1}
.eduvio-family .family-eyebrow{font-size:.79rem;letter-spacing:.12em;font-weight:900;color:#bceef0}
.eduvio-family .family-hero h1{font-size:clamp(2rem,4vw,3.45rem);color:#fff;margin:11px 0 8px}
.eduvio-family .family-hero p{font-size:1.06rem;line-height:1.5;margin:0;color:#f1fcff;max-width:56ch}
.eduvio-family .card{border-radius:24px;border:1px solid var(--fh-line);box-shadow:0 14px 32px #24336e11;padding:clamp(21px,2.7vw,34px);margin:20px 0;background:#fff}
.eduvio-family .family-section-heading{display:flex;align-items:flex-start;gap:17px;margin-bottom:21px}
.eduvio-family .family-section-heading h2{margin:0 0 5px;font-size:clamp(1.35rem,2.2vw,1.8rem);color:var(--fh-ink)}
.eduvio-family .family-section-heading p{margin:4px 0;color:var(--fh-muted);line-height:1.45}
.eduvio-family .family-section-icon{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:15px;background:#e7f5f6;font-size:1.45rem}
.eduvio-family .family-add .grid{grid-template-columns:minmax(220px,2fr) repeat(2,minmax(170px,1fr));gap:16px}
.eduvio-family .family-add :is(input:not([type=checkbox]),select){width:100%;min-height:50px}
.eduvio-family .family-add .subjects{margin:14px 0 20px}
.eduvio-family .family-add #create-child{min-height:50px;padding:12px 24px}
.eduvio-family .family-overview .child{border:1px solid var(--fh-line);background:linear-gradient(130deg,#fbfdff,#f2f8fb);padding:22px}
.eduvio-family .family-overview .child h3{font-size:1.2rem;margin:0 0 11px}
.eduvio-family .family-overview .child p{margin:8px 0;line-height:1.45}
.eduvio-family .family-billing #plans{display:block}
.eduvio-family .family-live-offer{border-radius:20px;border:1px solid #b5ddd9;background:linear-gradient(120deg,#ebfaf7,#f9fffd);padding:clamp(20px,2.5vw,30px);margin:0 0 24px}
.eduvio-family .family-live-offer h3{font-size:1.35rem;margin:0 0 10px}
.eduvio-family .family-live-offer p{max-width:65ch;line-height:1.65}
.eduvio-family .family-sandbox{border-top:1px solid var(--fh-line);padding-top:25px}
.eduvio-family .family-sandbox-head{display:flex;gap:11px;align-items:center;margin:0 0 12px}
.eduvio-family .family-sandbox-head h3{font-size:1.22rem;margin:0}
.eduvio-family .family-trial-toggle{display:flex;align-items:flex-start;gap:12px;background:#f4f5fe;border:1px solid #d9def5;border-radius:15px;padding:16px;margin:0 0 18px;font-weight:700;line-height:1.5}
.eduvio-family .family-trial-toggle input{flex:none;margin-top:5px;min-height:0;accent-color:#5146c9}
.eduvio-family .family-test-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}
.eduvio-family .family-test-plans .child{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;background:#fbfcff;border:1px solid var(--fh-line)}
.eduvio-family .family-test-plans .child h3{margin:0;font-size:1.1rem}
.eduvio-family .family-test-plans .child p{margin:0;line-height:1.5}
.eduvio-family .family-test-plans .child button{margin-top:auto}
.eduvio-family .family-promotion{display:grid;grid-template-columns:auto 1fr;gap:3px 18px;align-items:center;background:linear-gradient(113deg,#153d64,#255782 60%,#4b3fc4);border-radius:20px;padding:clamp(20px,3vw,29px);color:white;margin:0 0 20px;box-shadow:0 14px 30px #1e39742c}
.eduvio-family .family-promotion .promo-kicker{grid-column:1/-1;color:#baf3ee;font-size:.79rem;letter-spacing:.12em;font-weight:900;text-transform:uppercase}
.eduvio-family .family-promotion strong{font-size:clamp(2.3rem,4vw,3.8rem);line-height:1;font-family:Manrope,system-ui,sans-serif}
.eduvio-family .family-promotion p{margin:0;max-width:56ch;line-height:1.5;color:#fff}
.eduvio-family .family-promotion label{grid-column:1/-1;margin-top:12px;color:#fff}
.eduvio-family .family-promotion input{grid-column:1/-1;width:min(100%,420px);min-height:50px;background:#fff;color:#183457;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.eduvio-admin .campaign-form{background:#f6f9fe;border:1px solid #dce5f1;border-radius:18px;padding:20px;display:grid;gap:12px}
.eduvio-admin .campaign-form label{display:grid;gap:6px}
.eduvio-admin .campaign-form input:not([type=checkbox]){width:100%;max-width:350px}
.eduvio-family .muted{color:var(--fh-muted)}
.eduvio-main #screen-onboarding{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:120px 20px 40px}
.eduvio-main .onb-nav{position:absolute;top:0;left:0;right:0;z-index:8;display:flex;align-items:center;gap:20px;padding:13px clamp(18px,3vw,36px);background:#fffffff0;border-bottom:1px solid #dfe5f3;color:#25345a;min-height:76px}
.eduvio-main .onb-nav #onb-nav-step{flex:1;font-weight:800;text-align:center}
.eduvio-main .onb-nav #onb-logout{border:1px solid #aabbd4;background:#fff;border-radius:13px;color:#233965;font:800 .95rem 'Nunito',system-ui,sans-serif;padding:11px 18px;cursor:pointer;min-height:46px}
.eduvio-main .onb-nav #onb-logout:hover{border-color:#288793;background:#edfafa}
.eduvio-main .onb-card{position:relative;z-index:1;max-width:740px}
.eduvio-main .onb-card .btn-primary{max-width:350px}
.eduvio-main #login-forgot{display:inline-block;padding:9px 4px;margin:9px 0 2px;font-weight:800;text-underline-offset:3px}
.eduvio-main .eduvio-public-promo{z-index:3;position:relative;display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(108deg,#143b5f,#196f81 55%,#4742a7);border:1px solid #ffffff50;border-radius:17px;padding:15px 20px;color:#fff;box-shadow:0 10px 29px #122f6140}
.eduvio-main .eduvio-public-promo[hidden]{display:none!important}
.eduvio-main #screen-auth .eduvio-public-promo{width:min(100%,860px);margin:0 auto 24px}
.eduvio-main #screen-app>.eduvio-public-promo{max-width:1210px;margin:20px auto -4px}
.eduvio-main .eduvio-public-promo strong{font:900 1.13rem Manrope,system-ui,sans-serif;white-space:normal}
.eduvio-main .eduvio-public-promo span{color:#e9faff;flex:1;min-width:220px;line-height:1.4}
.eduvio-main .eduvio-public-promo a{display:inline-flex;padding:10px 16px;border-radius:11px;background:#fff;color:#19365f;text-decoration:none;font-weight:900}
.eduvio-main .eduvio-public-promo a:hover{background:#e4f8fa;transform:translateY(-2px)}
.eduvio-main .sophie-mascot{width:174px;height:236px;right:16px;bottom:18px}
.eduvio-main .sophie-mascot:hover{transform:translateY(-4px) scale(1.02)}
.eduvio-main .avatar-face{height:260px}
.eduvio-main .sophie-audio-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.eduvio-main .sophie-audio-controls .btn{min-height:42px;border:1px solid #cbd6ef;color:#283466;background:#f3f6ff}
.eduvio-main .sophie-audio-controls .btn:hover{background:#e5f1fa}
.eduvio-main .topnav{background:#ffffffed;backdrop-filter:blur(14px);box-shadow:0 3px 15px #142c6b13}
.eduvio-main .nav-item{transition:background .18s,color .18s,transform .18s}
.eduvio-main .nav-item:hover{transform:translateY(-2px)}
.eduvio-main .main .card,.eduvio-main .fach-card{border:1px solid #dce5ee;box-shadow:0 13px 31px #14336612,0 2px 5px #1433660a}
.eduvio-main .main .card{transition:box-shadow .2s ease}
.eduvio-main .main .card:hover{box-shadow:0 18px 35px #14336619,0 2px 5px #1433660a}
.eduvio-main .fach-card{transition:transform .19s ease,box-shadow .19s ease,border-color .19s ease}
.eduvio-main .fach-card:hover{transform:translateY(-6px);border-color:#8bcacb;box-shadow:0 21px 40px #14336625}
.eduvio-main .choice,.eduvio-main .quiz-opt{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.eduvio-main .choice:hover,.eduvio-main .quiz-opt:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 19px #1433661a}
.eduvio-main .btn:not(:disabled):hover{filter:brightness(1.035);box-shadow:0 8px 19px #2b3d8e28}
@media(max-width:1100px) and (min-width:601px){.eduvio-main .sophie-mascot{width:135px;height:184px}}
@media(max-width:800px){.eduvio-family .family-add .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eduvio-family .family-add .grid>div:first-child{grid-column:span 2}}
@media(max-width:650px){.eduvio-family .family-nav-inner{min-height:68px;gap:9px;flex-wrap:wrap}.eduvio-family .family-brand img{width:118px}.eduvio-family #family-language{margin-left:auto;min-width:118px}.eduvio-family .family-links{order:3;flex-basis:100%;padding-bottom:5px}.eduvio-family .family-links :is(a,span){padding:7px 10px;font-size:.83rem}.eduvio-family .family-hero{margin-top:10px}.eduvio-family .family-add .grid{grid-template-columns:1fr}.eduvio-family .family-add .grid>div:first-child{grid-column:auto}.eduvio-main .onb-nav{flex-wrap:wrap;justify-content:space-between;gap:6px}.eduvio-main .onb-nav #onb-nav-step{order:3;flex-basis:100%;font-size:.82rem}.eduvio-main .onb-nav #onb-logout{font-size:.82rem;padding:8px 10px}.eduvio-main .onb-brand img{width:110px}.eduvio-main #screen-onboarding{padding-top:140px}.eduvio-main .eduvio-public-promo{margin:10px 16px!important;padding:14px}.eduvio-main .eduvio-public-promo span{min-width:100%}}
@media(prefers-reduced-motion:reduce){.eduvio-main #screen-onboarding{animation:none}.eduvio-main :is(.nav-item,.fach-card,.choice,.quiz-opt,.btn,.card){transition:none!important;transform:none!important}}