.school-demo-portal{--dp-accent:#195cb8;color:#203148;min-height:55vh;font-family:inherit}
.school-demo-portal *{box-sizing:border-box}
.school-demo-portal .dp-intro{max-width:820px;margin:0 auto 28px;text-align:center}
.school-demo-portal .dp-intro h1{font-size:clamp(30px,4vw,50px);line-height:1.15;margin:10px 0}
.school-demo-portal .dp-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#59718d;font-weight:900}
.school-demo-portal .dp-intro p{color:#52667d;line-height:1.7}
.school-demo-portal.dp-landing{max-width:1160px;margin:auto;padding:58px 24px 65px}
.school-demo-portal .dp-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:28px}
.school-demo-portal .dp-role{display:block;background:white;border:1px solid #dce7f1;border-radius:17px;padding:28px 25px;color:inherit;text-decoration:none;box-shadow:0 6px 24px rgba(20,50,80,.045);transition:transform .15s,border-color .15s}
.school-demo-portal .dp-role:hover,.school-demo-portal .dp-role:focus-visible{transform:translateY(-3px);border-color:#3f83db}
.school-demo-portal .dp-role>span{font-size:40px;display:block;margin-bottom:12px}
.school-demo-portal .dp-role h2{margin:0 0 10px;font-size:23px}
.school-demo-portal .dp-role p{color:#5a718a;font-size:14px;min-height:40px}
.school-demo-portal .dp-role strong{color:#0f5cb6;font-size:14px}
.school-demo-portal .dp-disclaimer{color:#63758a;text-align:center;font-size:12px;margin-top:30px}
.school-demo-portal .dp-banner{background:#eaf4ff;padding:11px 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-block:1px solid #cfe4fd;color:#163b68;font-size:12px}
.school-demo-portal .dp-banner span{margin-right:auto}
.school-demo-portal .dp-banner-link{color:#064fa5;font-weight:800;text-decoration:underline}
.school-demo-portal .dp-shell{display:grid;grid-template-columns:255px minmax(0,1fr);max-width:1460px;margin:auto;gap:24px;padding:26px 22px 50px}
.school-demo-portal .dp-sidebar,.school-demo-portal .dp-card{background:white;border:1px solid #dce7f1;border-radius:16px;box-shadow:0 4px 17px rgba(22,42,70,.045)}
.school-demo-portal .dp-sidebar{align-self:start;padding:20px 12px;position:sticky;top:18px}
.school-demo-portal .dp-identity{display:grid;justify-items:center;text-align:center;gap:5px;padding:12px 9px 24px}
.school-demo-portal .dp-identity>span{font-size:40px}
.school-demo-portal .dp-identity>strong{font-size:21px}
.school-demo-portal .dp-identity>small{color:#64748b;font-size:12px}
.school-demo-portal .dp-menu{display:grid;gap:4px}
.school-demo-portal .dp-menu a{display:block;padding:11px 13px;border-radius:10px;text-decoration:none;color:#334c65;font-size:14px;font-weight:700}
.school-demo-portal .dp-menu a:hover,.school-demo-portal .dp-menu a:focus-visible{background:#eef4ff}
.school-demo-portal .dp-menu a[aria-current=page]{color:var(--dp-accent);background:#edf5ff;border-left:3px solid var(--dp-accent)}
.school-demo-portal .dp-sidebar-bottom{font-size:11px;line-height:1.6;color:#718096;padding:20px 11px 5px}
.school-demo-portal .dp-content{min-width:0}
.school-demo-portal .dp-content-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}
.school-demo-portal .dp-content-head h1{font-size:32px;margin:4px 0}
.school-demo-portal .dp-content-head p{color:#60748e;margin:3px 0}
.school-demo-portal .dp-card{padding:24px;margin-bottom:20px}
.school-demo-portal .dp-card h2{font-size:20px;margin:0 0 18px}
.school-demo-portal .dp-card>p{line-height:1.6;font-size:14px;color:#567089}
.school-demo-portal .dp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:19px}
.school-demo-portal .dp-stat{padding:20px;background:white;border:1px solid #dce7f1;border-radius:14px}
.school-demo-portal .dp-stat b{display:block;font-size:26px;color:var(--dp-accent);line-height:1.2}
.school-demo-portal .dp-stat span{display:block;color:#718096;font-size:12px;margin-top:8px}
.school-demo-portal .dp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px;margin-top:12px}
.school-demo-portal .dp-shortcut{display:grid;gap:7px;text-decoration:none;color:#1e3b5b;background:#f7fbff;border:1px solid #e1ecf6;border-radius:12px;padding:17px;min-height:130px}
.school-demo-portal .dp-shortcut:hover,.school-demo-portal .dp-shortcut:focus-visible{border-color:#4c89db;background:#ecf5ff}
.school-demo-portal .dp-shortcut span{font-size:25px}
.school-demo-portal .dp-shortcut strong{font-size:14px}
.school-demo-portal .dp-shortcut small{color:#63778f;font-size:12px}
.school-demo-portal .dp-list-row{border-top:1px solid #e6edf4;padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.school-demo-portal .dp-list-row>div:first-child{display:grid;gap:5px}
.school-demo-portal .dp-list-row strong{font-size:14px}
.school-demo-portal .dp-list-row small{font-size:12px;color:#65798f}
.school-demo-portal .dp-list-row>div:last-child{color:#3d6788;font-size:12px;text-align:right;font-weight:700}
.school-demo-portal .dp-button{display:inline-block;padding:10px 14px;border-radius:10px;background:var(--dp-accent);color:#fff;border:1px solid var(--dp-accent);text-decoration:none;font-size:13px;font-weight:800;cursor:pointer}
.school-demo-portal .dp-button:hover{filter:brightness(.92)}
.school-demo-portal .dp-outline{background:white;color:var(--dp-accent)}
.school-demo-portal .dp-locked{background:#f3f6fa;border-color:#dce5ef;color:#4e6680}
.school-demo-portal .dp-choices{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}
.school-demo-portal .dp-selected{outline:3px solid #a7cfef}
.school-demo-portal .dp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.school-demo-portal .dp-chip{background:#eef4fc;padding:5px 8px;border-radius:30px}
.school-demo-portal .dp-check{cursor:pointer;white-space:nowrap}
.school-demo-portal .dp-check input{accent-color:var(--dp-accent)}
.school-demo-portal .dp-notice{background:#fff9e9;color:#765d21!important;padding:11px 13px;border-radius:9px}
.school-demo-portal .dp-success{color:#086c4d!important;font-weight:800}
.school-demo-portal .dp-muted{color:#6b7e92}
.school-demo-portal .dp-bottom{text-align:center;color:#7b8ba0;font-size:12px;margin-top:20px}
.school-demo-portal .dp-bottom a{color:#1162b3}
.site-header .dp-header-entry{white-space:nowrap;text-decoration:none}
.site-header .dp-mobile-entry{display:block;text-decoration:none;padding:12px;color:#0b62b6;font-weight:900}
@media(max-width:950px){.school-demo-portal .dp-shell{grid-template-columns:1fr}.school-demo-portal .dp-sidebar{position:static}.school-demo-portal .dp-menu{display:flex;overflow-x:auto;white-space:nowrap}.school-demo-portal .dp-role-grid{grid-template-columns:1fr}.site-header .dp-header-entry{display:none}}
@media(max-width:650px){.school-demo-portal .dp-shell{padding:16px 12px}.school-demo-portal .dp-card{padding:17px}.school-demo-portal .dp-stats{gap:7px}.school-demo-portal .dp-stat{padding:12px}.school-demo-portal .dp-stat b{font-size:20px}.school-demo-portal .dp-content-head{align-items:flex-start;flex-direction:column}.school-demo-portal .dp-content-head h1{font-size:27px}}