.hero{min-height:600px;position:relative;isolation:isolate;background-image:linear-gradient(90deg,rgba(10,18,42,.92),rgba(10,18,42,.55)),url('https://images.unsplash.com/photo-1580582932707-520aed937b7b?auto=format&fit=crop&w=2000&q=85');background-position:center;background-size:cover;color:white}
.hero h1,.hero-content>p,.hero .trust-row{color:white}.hero h1 span{color:#a5b4fc}.hero .eyebrow{color:#c7d2fe}
.hero .dashboard-preview{color:#172033}.school-logo{width:44px;height:44px;border-radius:13px;object-fit:cover;background:#4f46e5}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;padding-top:60px}
  .navbar nav{display:flex;flex-wrap:wrap}
}
@media(max-width:560px){
  .hero{min-height:auto}
  .hero h1{overflow-wrap:anywhere}
  .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
  .hero-actions a{max-width:100%}
  .trust-row{display:flex;flex-wrap:wrap;gap:8px 14px}
}

.nav-actions{display:flex;align-items:center;gap:12px}.theme-toggle{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:12px;padding:10px 13px;font-weight:700;cursor:pointer;white-space:nowrap}.principal-home-tools{max-width:1200px;margin:12px auto;padding:0 20px;text-align:right}.principal-home-tools a{display:inline-block;padding:9px 13px;border-radius:10px;background:#eef2ff;color:#3730a3;font-weight:700;font-size:13px}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:22px;margin-top:30px}.achievement-card{overflow:hidden;border-radius:20px;background:var(--white);border:1px solid var(--line);box-shadow:0 12px 35px rgba(15,23,42,.08)}.achievement-card img{display:block;width:100%;height:250px;object-fit:cover;background:#e8edf5}.achievement-copy{padding:20px}.achievement-copy h3{font-size:19px;margin:0 0 7px;color:var(--ink)}.achievement-copy p{margin:0;color:var(--muted)}
@media(max-width:700px){.navbar{gap:10px;flex-wrap:wrap}.navbar .brand{white-space:normal;max-width:70%;font-size:16px}.nav-actions{width:100%;justify-content:space-between}.theme-toggle{padding:9px 11px}.hero{background-position:center}.achievement-card img{height:220px}}

.nav-actions{display:flex;align-items:center;gap:12px}.theme-toggle{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:12px;padding:10px 13px;font-weight:700;cursor:pointer;white-space:nowrap}.principal-home-tools{max-width:1200px;margin:12px auto;padding:0 20px;text-align:right}.principal-home-tools a{display:inline-block;padding:9px 13px;border-radius:10px;background:#eef2ff;color:#3730a3;font-weight:700;font-size:13px}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:22px;margin-top:30px}.achievement-card{overflow:hidden;border-radius:20px;background:var(--white);border:1px solid var(--line);box-shadow:0 12px 35px rgba(15,23,42,.08)}.achievement-card img{display:block;width:100%;height:250px;object-fit:cover;background:#e8edf5}.achievement-copy{padding:20px}.achievement-copy h3{font-size:19px;margin:0 0 7px;color:var(--ink)}.achievement-copy p{margin:0;color:var(--muted)}
@media(max-width:700px){.navbar{gap:10px;flex-wrap:wrap}.navbar .brand{white-space:normal;max-width:70%;font-size:16px}.nav-actions{width:100%;justify-content:space-between}.theme-toggle{padding:9px 11px}.hero{background-position:center}.achievement-card img{height:220px}}

/* Dynamic hero imagery is rendered as an image element, not an inline style. */
.hero .hero-background { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:center; }
.hero:has(.hero-background) { background-image:linear-gradient(90deg,rgba(10,18,42,.92),rgba(10,18,42,.55)); }
.hero:has(.hero-background)::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(10,18,42,.92),rgba(10,18,42,.55)); pointer-events:none; }
.hero-content,.hero .dashboard-preview { position:relative; z-index:0; }