*{box-sizing:border-box}html{font-family:Tahoma,Arial,sans-serif;background:#f2f7ff;color:#102a60;scroll-behavior:smooth}body{margin:0;min-height:100vh}a{color:inherit}button,input{font:inherit}button{cursor:pointer}main{margin:auto;max-width:1760px}.skip{position:absolute;right:12px;top:-100px;background:#fff;color:#002c80;padding:12px 16px;z-index:20;border-radius:12px}.skip:focus{top:12px}.desktop-visual{display:block;padding:0}.hero-picture{position:relative;line-height:0;background:#e9f2ff}.hero-picture>img{display:block;width:100%;height:auto}.hotspot{position:absolute;display:block;border:0;background:rgba(1,78,204,.001);border-radius:999px;cursor:pointer;transition:box-shadow .18s ease,background-color .18s ease;line-height:normal}.hotspot:hover{background:rgba(87,173,255,.22);box-shadow:0 0 0 5px rgba(255,255,255,.3),0 0 16px 4px rgba(37,126,255,.6)}.hotspot:focus-visible{outline:5px solid #ffcb47;outline-offset:6px;background:rgba(255,255,255,.28)}.hotspot-teacher{left:22.4%;top:69.7%;width:16.2%;height:7.5%}.hotspot-parent{left:44.3%;top:69.4%;width:19.2%;height:8.2%}.hotspot-student{left:70.1%;top:69.6%;width:15.5%;height:7.6%}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.under-hero{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;padding:12px 20px 22px;background:#eaf3ff;font-size:13px;color:#305280}.under-hero a{text-decoration:none}.under-hero a:hover{text-decoration:underline}.share-button{background:#fff;border:1px solid #b0cbf5;color:#154e9a;border-radius:20px;padding:9px 13px;font-size:13px}.share-button:hover{background:#d8e9ff}.mobile-portal{display:none}dialog{width:min(94vw,475px);border:1px solid #c3dafa;border-radius:22px;padding:24px 24px 20px;color:#152f64;background:#fff;box-shadow:0 22px 80px #142c5e4d}dialog::backdrop{background:rgba(4,19,49,.64);backdrop-filter:blur(5px)}.dismiss{float:left;border:0;background:#f0f5fc;color:#1c4b8d;border-radius:50%;height:36px;width:36px;font-size:26px;line-height:1}.dialog-brand{display:flex;align-items:center;gap:12px}.dialog-brand strong{display:block;font-size:24px}.dialog-brand span{display:block;font-size:13px;color:#617a9f;margin-top:3px}dialog p{line-height:1.85;font-size:14px;color:#526686;margin:16px 0}#studentForm{display:grid;gap:12px}#studentForm label{font-weight:700;font-size:14px}#studentForm input{width:100%;padding:13px 12px;border:1px solid #a6c4ef;border-radius:12px;direction:ltr;text-align:left;color:#163970;font-size:15px}#studentForm input:focus{outline:3px solid #b5d7ff}.error{color:#b3261e;min-height:1.4em;margin:0!important}.primary-cta,.secondary-cta{display:block;width:100%;text-decoration:none;text-align:center;border-radius:999px;font-size:16px;font-weight:800;padding:13px 18px}.primary-cta{background:linear-gradient(135deg,#1167d5,#083f9c);color:#fff;border:2px solid #2c88ff}.secondary-cta{background:#f3f8ff;border:2px solid #1b5db5;color:#164e9d}.dialog-foot{font-size:12px}dialog a{color:#164eae;font-weight:800}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#09377d;color:#fff;padding:12px 20px;border-radius:999px;font-size:13px;box-shadow:0 8px 30px #12326d66} .toast[hidden]{display:none}
@media(max-width:900px){body{background:linear-gradient(180deg,#e7f3ff 0,#fff 52%,#e9f3ff 100%)}main{max-width:630px}.desktop-visual{display:none}.mobile-portal{display:block;padding:16px 16px 8px}.mobile-brand{display:flex;align-items:center;justify-content:center;gap:12px;max-width:420px;margin:3px auto 14px}.mobile-brand img{width:80px;height:80px;object-fit:contain}.mobile-brand p{margin:0;color:#16428c;font-weight:800;font-size:16px}.mobile-brand h1{margin:-8px 0 -2px;font-size:43px;line-height:1.4;font-weight:900;color:#003b95}.mobile-brand small{font-weight:600;color:#3562a2;font-size:11px}.mobile-heading{text-align:center;margin:10px 0 22px}.mobile-heading h2{font-size:19px;line-height:1.6;margin:5px 0 4px;color:#123f8a}.mobile-heading p{font-size:13px;color:#5477ab;margin:0}.mobile-card{position:relative;display:grid;grid-template-columns:66px 1fr;column-gap:13px;align-items:center;margin:0 0 14px;padding:18px;border-radius:22px;border:1px solid #c0d7f7;background:#fff;box-shadow:0 10px 27px rgba(21,72,147,.11)}.mobile-card.parent-card{background:linear-gradient(125deg,#0a4db1,#062e80);color:#fff;border-color:#439cf8;box-shadow:0 11px 25px #0f5fc342}.role-emoji{grid-row:1;grid-column:1;font-size:42px;text-align:center}.mtext{grid-row:1;grid-column:2}.mtext h3{margin:0 0 7px;font-size:19px}.mtext p{margin:0;color:#5976a2;line-height:1.7;font-size:12px}.parent-card .mtext p{color:#e6f1ff}.mobile-card .primary-cta,.mobile-card .secondary-cta{grid-column:1/-1;margin-top:16px}.parent-card .primary-cta{background:#fff;border-color:#eaf3ff;color:#0949ad}.under-hero{gap:12px;padding:14px 16px 28px;background:transparent;justify-content:center;font-size:12px}.share-button{font-size:12px}.management-link{display:inline-block}dialog{padding:18px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}