#school-onboarding {width:min(100% - 2rem,36rem);max-height:calc(100dvh - 2rem);padding:0;border:1px solid #cbd5e1;border-radius:16px;background:#fff;color:#172033;box-shadow:0 24px 80px #0f172a30}
#school-onboarding::backdrop {background:#0f172aa8;backdrop-filter:blur(4px)}
.school-onboarding-form {position:relative;padding:2rem;display:grid;gap:1rem;font-family:Inter,system-ui,sans-serif}
.onboarding-eyebrow {font-size:.65rem;font-weight:700;letter-spacing:.13em;color:#475569;margin:0}
.school-onboarding-form h1 {font-size:1.8rem;line-height:1.15;font-weight:700;letter-spacing:-.035em;margin:0}
.onboarding-intro {font-size:.85rem;line-height:1.5;color:#475569;margin:0 0 .25rem}
.school-onboarding-form label {display:grid;gap:.375rem;font-size:.8rem;font-weight:600}
.school-onboarding-form input {width:100%;min-width:0;border:1px solid #94a3b8;background:white;border-radius:6px;padding:.7rem;font:inherit;font-weight:400;color:#172033;transition:border-color .15s}
.school-onboarding-form input:focus-visible,.school-onboarding-form button:focus-visible {outline:3px solid #93c5fd;outline-offset:2px}
.school-onboarding-form small {font-size:.72rem;font-weight:400;color:#475569;line-height:1.4}
.onboarding-names {display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.onboarding-submit {padding:.9rem;background:#1e3a8a;color:white;font-size:.85rem;font-weight:600;border:0;border-radius:6px;cursor:pointer;transition:background .15s}
.onboarding-submit:hover {background:#172554}.onboarding-submit:disabled {opacity:.65;cursor:wait}
.onboarding-status {color:#9f1239;font-size:.8rem;margin:0}.onboarding-status:empty{display:none}
.onboarding-close {position:absolute;right:1rem;top:.65rem;font-size:1.7rem;width:2rem;height:2rem;background:transparent;border:0;cursor:pointer}
@media(max-width:420px){.school-onboarding-form{padding:1.5rem 1rem}.onboarding-names{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){#school-onboarding[open]{animation:onboarding-in .18s ease-out}@keyframes onboarding-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
.secure-assessment{width:min(100% - 2rem,48rem);max-height:calc(100dvh - 2rem);padding:0;border:1px solid #cbd5e1;border-radius:16px;background:white;color:#172033}
.secure-assessment::backdrop{background:#0f172aa8;backdrop-filter:blur(4px)}
.secure-assessment-questions{display:grid;gap:2rem}.secure-assessment-questions fieldset{min-width:0;border:0;border-top:1px solid #e2e8f0;padding:1.25rem 0 0;margin:0}.secure-assessment-questions legend{font-weight:600;line-height:1.5;padding:0 .5rem 0 0;overflow-wrap:anywhere}
.school-onboarding-form .secure-assessment-option{display:flex;align-items:flex-start;gap:.65rem;margin:.5rem 0;font-weight:400;padding:.65rem;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer}.school-onboarding-form .secure-assessment-option input{width:auto;flex:none;margin:.2rem 0}.secure-assessment-option:has(input:checked){background:#eff6ff;border-color:#1e3a8a}
.secure-assessment textarea{width:100%;min-height:8rem;border:1px solid #94a3b8;border-radius:6px;padding:.75rem;font:inherit}.secure-assessment-row{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;border-bottom:1px solid #e2e8f0;padding:1.5rem 0}.secure-assessment-row h3{font-size:1.1rem;font-weight:600}.secure-assessment-row p{font-size:.85rem;color:#475569;margin-top:.4rem}.secure-assessment-row button{flex:none}@media(max-width:500px){.secure-assessment-row{align-items:flex-start;flex-direction:column}}