/* SIJALU 021 — dynamic school portal: visual energy without invented data or intrusive motion. */
:root{--site21-indigo:#153d65;--site21-teal:#00a9a3;--site21-lime:#86d4aa;--site21-gold:#f0b961}
body{background:#f0f5f8}
.site-header{box-shadow:0 8px 30px #0b375018;border-bottom:1px solid #d5e5eb}
.site-hero{height:clamp(520px,66vh,690px);background:radial-gradient(circle at 75% 10%,#258ca1,transparent 46%),linear-gradient(125deg,#05243f,#164e65)}
.site-hero::before{background:repeating-linear-gradient(115deg,#ffffff04 0 1px,transparent 1px 115px),linear-gradient(0deg,#001c3557,transparent)}
.site-hero-slide.is-active .site-hero-text{animation:si21-hero-enter .95s cubic-bezier(.2,.65,.2,1) both}
@keyframes si21-hero-enter{from{opacity:0;transform:translateY(29px)}to{opacity:1;transform:translateY(0)}}
.site-hero h1{text-shadow:0 5px 22px #03162a59}
.site-hero-actions .site-button.gold{border-radius:12px;box-shadow:0 14px 33px #efb95c33}
.site-slider-controls button{transition:transform .2s,background .2s}.site-slider-controls button:hover{transform:scale(1.07)}
.site-hero-progress{position:absolute;left:0;bottom:0;width:100%;height:4px;background:#ffffff20;z-index:8}
.site-hero-progress>span{height:100%;background:linear-gradient(90deg,#f5d38a,#75ecdb);display:block;width:0;transition:width .15s linear}
.site-quick-section{background:linear-gradient(98deg,#e8f5f5 0%,#f3f6fa 55%,#eaf1f7 100%)}
.site-quick-card{position:relative;overflow:hidden}.site-quick-card::after{content:'';position:absolute;width:105px;height:105px;border-radius:100%;background:#1ba39c0c;right:-50px;bottom:-50px;transition:transform .3s}
.site-quick-card:hover::after{transform:scale(2.5)}
.site-quick-card:nth-child(2) .site-quick-icon{background:#fff2db;color:#b7791f}
.site-quick-card:nth-child(3) .site-quick-icon{background:#e9ebff;color:#596bb5}
.site-section{position:relative;isolation:isolate}
.site-section:nth-of-type(4n+2){background:linear-gradient(125deg,#edf8f8,#eaf2f9)}
.site-section:nth-of-type(4n+3){background:linear-gradient(135deg,#f6f9fd,#fff8ed)}
.site-section:nth-of-type(4n+4){background:linear-gradient(135deg,#f2f5ff,#eef8f6)}
.site-section .site-section-heading::before{content:'';position:absolute;left:0;top:0;width:5px;height:34px;background:linear-gradient(#28b9ac,#f2b95e);border-radius:6px;opacity:.85}
.site-section-heading{position:relative;padding-left:15px}
.site-card{border:1px solid #dae9ef;background:linear-gradient(145deg,#fff,#f7fafc);box-shadow:0 16px 40px #0d365713}
.site-card:nth-child(3n+2){background:linear-gradient(145deg,#fffaf0,#fff)}
.site-card:nth-child(3n+3){background:linear-gradient(145deg,#f0fbfa,#fff)}
.site-card-picture{position:relative}.site-card-picture::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05293d2e,transparent 54%);pointer-events:none}
.site-card:hover{transform:translateY(-8px) rotate(-.2deg);box-shadow:0 25px 55px #0e446227;border-color:#a3d7d2}
.site-card:hover .site-card-picture img{transform:scale(1.075)}
.site-section-kicker{color:#148b91}
.site-section-kicker>span{height:2px;background:linear-gradient(90deg,#f0ad45,#f2d4a3)}
.site-view-all{border-bottom-color:#11a398}
.site-intro-section{background:radial-gradient(ellipse at 7% 30%,#acd9e527,transparent 45%),#f8fbfe}
.site-intro-art{box-shadow:0 28px 70px #08365b33}
.site-intro-badge{box-shadow:0 13px 44px #07335420}
.site-cta{background:radial-gradient(ellipse at 85% 20%,#1a8c9875,transparent 55%),linear-gradient(110deg,#0c3452,#145a66)!important}
.site-button,.site-view-all,.site-text-link{transition:transform .22s,background .22s,color .22s}
.site-page-hero{background:radial-gradient(ellipse at 83% 20%,#1c84986e,transparent 60%),linear-gradient(120deg,#092a48,#175a6b)}
.site-footer{background:linear-gradient(135deg,#081f35,#14344c)}
.site-nav a:not(.site-login){transition:color .2s,transform .2s}.site-nav a:hover{transform:translateY(-1px)}
.si21-scroll-line{height:3px;position:fixed;top:0;left:0;background:linear-gradient(90deg,#10a99c,#efc077);width:0;z-index:120;pointer-events:none;transition:width .12s}
@media(max-width:680px){.site-hero{height:590px}.site-section{padding-block:64px}.site-card:hover{transform:translateY(-3px)}.site-section-heading::before{left:0!important}}
@media(prefers-reduced-motion:reduce){.site-hero-slide.is-active .site-hero-text{animation:none}.site-card:hover,.site-quick-card:hover::after{transform:none}.site-hero-progress,.si21-scroll-line{display:none!important}}