:root{--green:#00ad67;--dark:#082f2b;--mint:#55efba;--cream:#fff9ed;--ink:#102622;--yellow:#ffd43b;--blue:#1b9aaa;--violet:#7b4dff;--coral:#ff5d73;--cyan:#20d8d2;--line:#d8eee7}
body{background:linear-gradient(180deg,#fff 0%,#f7fffc 48%,#fff9f0 100%)}
.school-logo{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:13px;padding:4px;box-shadow:0 8px 24px #002e2430}.footer-logo{width:64px;height:64px}.login-logo{display:block;width:110px;height:110px;object-fit:contain;margin:0 auto 1.2rem;background:#fff;border-radius:22px;padding:8px;box-shadow:0 16px 44px #123d3022}
.header.scrolled{border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--green),var(--cyan),var(--violet),var(--coral),var(--yellow)) 1}.hero{background:radial-gradient(circle at 82% 18%,#ffd43b 0 8%,transparent 24%),radial-gradient(circle at 88% 82%,#7b4dff 0 6%,transparent 25%),linear-gradient(125deg,#006f54 0%,#00b978 38%,#12cad0 68%,#7250e9 100%)}.hero.hero-photo{background-image:linear-gradient(90deg,rgba(4,39,34,.9) 0%,rgba(0,91,71,.68) 43%,rgba(45,30,105,.22) 100%),var(--hero-image);background-size:cover;background-position:center center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#002f2c80 0%,transparent 65%);pointer-events:none}.hero-copy,.provisional{z-index:2}.hero-photo .hero-art{opacity:.3}
.button{background:linear-gradient(105deg,#ffd43b,#ff9f43,#ff627a);box-shadow:0 10px 26px #ff7a4f36;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 14px 34px #ff5d7350}.notices{background:linear-gradient(90deg,#fff5bf,#eafff6,#e7fbff,#f1eaff)}.notice{border:1px solid #fff;box-shadow:0 5px 18px #143d3220}
.level.initial{background:linear-gradient(145deg,#ffe95d,#ffae42,#ff6f91);color:#432d16}.level.primary{background:linear-gradient(145deg,#00ba73,#00d69b,#20d8d2)}.level.secondary{background:linear-gradient(145deg,#1b9aaa,#3979e8,#7b4dff)}
.pillars{background:linear-gradient(135deg,#fff8df 0%,#e7fff5 45%,#edf2ff 100%)}.pillar-grid article{border:1px solid #fff;box-shadow:0 14px 40px #11533c15}.pillar-grid article:nth-child(2){background:linear-gradient(145deg,#fff,#efffff)}.pillar-grid article:nth-child(3){background:linear-gradient(145deg,#fff,#fff2f6)}.pillar-grid article:nth-child(4){background:linear-gradient(145deg,#fff,#f1edff)}
.news-card{box-shadow:0 16px 44px #123d3014;transition:transform .25s,box-shadow .25s}.news-card:hover{transform:translateY(-6px);box-shadow:0 22px 54px #123d3028}.image-placeholder{background:linear-gradient(135deg,#55efba,#20d8d2,#7b4dff,#ff5d73);color:#fff;font-weight:800}
.contact{background:radial-gradient(circle at 10% 10%,#00ad67 0,transparent 38%),radial-gradient(circle at 90% 90%,#7b4dff 0,transparent 42%),#082f2b}.page-hero.green{background:linear-gradient(130deg,#00895d,#20d8d2)}.page-hero.yellow{background:linear-gradient(130deg,#ffb629,#ff6f91)}.page-hero.blue{background:linear-gradient(130deg,#168dac,#7151eb)}.auth-card{border:1px solid #fff;background:linear-gradient(150deg,#fff,#f7fffc 58%,#fff6fb)}footer{background:linear-gradient(115deg,#052f27,#006d55 55%,#44328f)}
@media(max-width:820px){.school-logo{width:46px;height:46px}.hero{background:linear-gradient(145deg,#006f54,#00b978 45%,#377fe3 78%,#7250e9)}.hero.hero-photo{background-image:linear-gradient(90deg,rgba(4,39,34,.9),rgba(0,80,65,.48)),var(--hero-image);background-position:42% center}}