:root{--navy:#123a66;--blue:#176ca5;--orange:#ebad40;--ink:#17314c;--bg:#f3f6fa}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}a{color:#075e9c}header{background:white;box-shadow:0 5px 24px #122c4822}.topline{background:var(--navy);color:white;padding:7px max(5%,calc((100% - 1200px)/2));display:flex;justify-content:space-between;gap:10px;font-size:12px}.brand{max-width:1200px;margin:auto;display:flex;align-items:center;gap:16px;padding:13px 20px}.brand img{width:78px;height:78px;object-fit:contain}.brand h1{font-size:clamp(17px,2.4vw,27px);line-height:1.15;margin:3px 0}.brand small{color:#9a6215;font-weight:700}.brand span{font-size:12px}.login{margin-left:auto;background:var(--orange);padding:10px 16px;border-radius:10px;text-decoration:none;color:#142f4d;font-weight:800;white-space:nowrap}nav{display:flex;justify-content:center;flex-wrap:wrap;background:var(--navy)}nav a{padding:12px 13px;color:white;text-decoration:none;font-weight:650;font-size:13px}nav a:hover,nav a:focus{background:#2876a9}.wrap{max-width:1200px;margin:auto;padding-left:20px;padding-right:20px}.hero{background:linear-gradient(120deg,#123a66ed,#2877a3ed),url('/assets/school-pattern.svg') center/cover;color:white;padding:80px 0}.hero.small{padding:42px 0}.hero h2{font-size:clamp(28px,4vw,48px);line-height:1.14;margin:6px 0}.hero p{max-width:680px}.button,button{background:var(--orange);border:0;border-radius:9px;color:#182d41;padding:10px 17px;font-weight:700;cursor:pointer}.button{display:inline-block;text-decoration:none}.content{padding-top:35px;padding-bottom:35px}.panel{background:white;border:1px solid #dce5ed;border-radius:15px;padding:23px;box-shadow:0 7px 23px #192b4210}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.quick a{text-decoration:none;font-weight:800}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.alert{background:#fff3d9;border-left:4px solid #d99011;padding:12px 16px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:540px}th,td{padding:11px 13px;text-align:left;border-bottom:1px solid #e1e8f0}th{background:#eaf2f8}.disclosure{margin:20px 0;padding:0;overflow:hidden}.disclosure h2{background:var(--navy);color:white;padding:16px 22px;margin:0;font-size:21px}.form{max-width:700px}.form label{display:block;margin:14px 0;font-weight:650}.form input,.form textarea,.form select{display:block;width:100%;border:1px solid #bfcddb;border-radius:8px;padding:11px;margin-top:5px;font:inherit}.form textarea{resize:vertical}.avatar{width:90px;height:90px;border-radius:50%;background:#dbe7ef;display:grid;place-items:center;font-size:34px;overflow:hidden}.avatar img,.photo img{width:100%;height:100%;object-fit:cover}.carousel{height:380px;overflow:hidden;border-radius:15px}.carousel figure{margin:0;position:relative;height:100%}.carousel figure[hidden]{display:none}.carousel img{width:100%;height:100%;object-fit:cover}.carousel figcaption{position:absolute;bottom:0;background:#123a66cf;color:white;width:100%;padding:12px 20px}.photo{text-align:left;padding:0;overflow:hidden}.photo img{height:180px}.photo span{display:block;padding:10px}dialog{border:0;border-radius:18px;padding:28px;max-width:min(90vw,650px);box-shadow:0 16px 80px #152d4a88}dialog::backdrop{background:#15294399}#viewer img{max-width:100%;max-height:65vh;display:block}.close{float:right;font-size:22px;background:transparent}footer{text-align:center;background:#102e50;color:white;padding:35px 15px;margin-top:40px}footer a{color:#d7eaff}.danger{background:#bd3434;color:white}#installApp{display:block;margin-bottom:20px}@media(max-width:700px){.topline{display:block;text-align:center}.brand img{width:58px;height:58px}.brand{gap:9px}.login{font-size:12px;padding:8px}.columns{grid-template-columns:1fr}.hero{padding:52px 0}.carousel{height:220px}nav a{padding:9px;font-size:12px}}

.whatsapp{position:fixed;right:18px;bottom:18px;z-index:20;background:#168442;color:white;text-decoration:none;font-weight:800;padding:13px 18px;border-radius:30px;box-shadow:0 7px 20px #1a5c3399}

.carousel{height:auto;aspect-ratio:1280/572;background:#0d3154}.carousel img{object-fit:contain}.gallery .photo img{object-fit:cover}#viewer img{object-fit:contain}@media(max-width:700px){.carousel{height:auto;aspect-ratio:1280/572}}

.extra-pages{max-width:1200px;margin:20px auto;padding:10px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.extra-pages a{padding:7px 12px;background:white;border-radius:9px;text-decoration:none;border:1px solid #dce5ed}[hidden]{display:none!important}