:root{
 --blue:#1459d9;--blue2:#0d46b2;--cyan:#12b7d6;--teal:#0ba89b;--navy:#071c44;--ink:#15213a;--muted:#6d7891;--line:#e6eaf1;--soft:#f5f8fc;--white:#fff;--orange:#ff9d24;--purple:#7357e8;--green:#24a96b;--pink:#e34d87;--shadow:0 16px 45px rgba(20,45,90,.10);--shadow-sm:0 8px 24px rgba(20,45,90,.08);--radius:22px;--radius-sm:15px;--container:min(1180px,calc(100% - 40px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'Manrope',system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff;line-height:1.65}body.no-scroll{overflow:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,textarea{font:inherit}.container{width:var(--container);margin:auto}.mobile-only{display:none!important}.skip-link{position:fixed;left:12px;top:-80px;background:#fff;padding:10px 14px;z-index:9999;border-radius:10px}.skip-link:focus{top:12px}.topbar{background:var(--navy);color:#d8e4ff;font-size:12px}.topbar-inner{height:36px;display:flex;align-items:center;justify-content:space-between}.topbar-contact,.topbar-social{display:flex;gap:18px;align-items:center}.topbar-contact span,.topbar-social a{display:flex;gap:6px;align-items:center}.topbar svg{width:14px;height:14px}.site-header{position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);z-index:1000;border-bottom:1px solid rgba(229,234,242,.85);transition:.2s}.site-header.scrolled{box-shadow:0 7px 28px rgba(15,38,79,.08)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;min-width:210px}.brand img{width:48px;height:48px}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand strong{font-size:16px}.brand small{font-size:10px;color:var(--muted);margin-top:4px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:25px;flex:1}.desktop-nav a{font-size:13px;font-weight:700;color:#44506a;position:relative;padding:28px 0}.desktop-nav a:hover,.desktop-nav a.active{color:var(--blue)}.desktop-nav a.active:after{content:'';position:absolute;left:15%;right:15%;bottom:17px;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:999px}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn{border:0;background:transparent;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;cursor:pointer;color:var(--ink)}.icon-btn:hover{background:var(--soft)}.icon-btn svg{width:21px}.btn{border:0;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;font-weight:800;font-size:13px;transition:.2s;cursor:pointer}.btn svg{width:17px}.btn-primary{background:linear-gradient(135deg,var(--blue),#3478f6);color:white;box-shadow:0 10px 24px rgba(20,89,217,.22)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(20,89,217,.28)}.btn-soft{background:#eef4ff;color:var(--blue)}.btn-white{background:white;color:var(--blue)}.btn-lg{padding:14px 20px;border-radius:16px}.btn-sm{padding:8px 12px;border-radius:11px}.btn-disabled{background:#eef1f5;color:#9aa3b6}.text-link{color:var(--blue);font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:7px}.text-link svg{width:17px}.text-link.light{color:#dff7ff}.section{padding:82px 0}.section-pad{padding:62px 0 30px}.section-tint{background:linear-gradient(180deg,#f4f8ff 0,#fbfcff 100%)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-head.center{justify-content:center;text-align:center}.section-head h2,.agenda-intro h2,.stats-head h2,.contact-section h2{font-size:clamp(27px,3vw,40px);line-height:1.2;margin:6px 0 10px;letter-spacing:-.03em}.section-head p,.agenda-intro p{margin:0;color:var(--muted);max-width:650px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow svg{width:15px}.eyebrow.light{color:#9ee9ff}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 15%,#dffaff 0,transparent 30%),radial-gradient(circle at 10% 70%,#edf2ff 0,transparent 32%),linear-gradient(180deg,#fbfdff,#fff)}.hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#b8c9eb 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(to right,rgba(0,0,0,.3),transparent 58%);opacity:.35}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:45px;position:relative}.hero-copy h1{font-size:clamp(42px,5.2vw,69px);line-height:1.04;letter-spacing:-.05em;margin:14px 0 12px;max-width:720px}.hero-tagline{font-size:21px;font-weight:800;color:#2564c7;margin:0 0 10px;max-width:620px}.hero-desc{font-size:15px;color:var(--muted);max-width:610px;margin:0}.hero-actions{display:flex;gap:11px;margin-top:28px}.hero-mini-stats{display:flex;gap:25px;margin-top:33px;padding-top:23px;border-top:1px solid var(--line);width:max-content}.hero-mini-stats span{display:flex;flex-direction:column;font-size:11px;color:var(--muted)}.hero-mini-stats b{font-size:20px;color:var(--ink)}.hero-art{position:relative;min-height:530px;display:grid;place-items:center}.hero-art>img{position:relative;z-index:2;width:100%;filter:drop-shadow(0 30px 35px rgba(13,49,110,.15))}.hero-blob{position:absolute;width:86%;height:80%;background:linear-gradient(145deg,#1659da,#11b9d4);border-radius:43% 57% 53% 47%/48% 42% 58% 52%;transform:rotate(-3deg);box-shadow:inset 0 0 0 12px rgba(255,255,255,.18)}.floating-card{position:absolute;z-index:3;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);border-radius:18px;padding:12px 14px;display:flex;align-items:center;gap:10px}.floating-card>svg{width:32px;height:32px;padding:7px;background:#eff5ff;color:var(--blue);border-radius:11px}.floating-card span{display:flex;flex-direction:column}.floating-card b{font-size:12px}.floating-card small{font-size:9px;color:var(--muted)}.card-a{left:-18px;bottom:72px}.card-b{right:-12px;top:82px}.announcement-wrap{position:relative;z-index:3;margin-top:5px}.announcement-card{display:flex;align-items:center;background:#fff7e5;border:1px solid #ffe3aa;border-radius:18px;padding:11px 17px;box-shadow:var(--shadow-sm)}.announcement-icon{width:42px;height:42px;display:grid;place-items:center;background:#ffb129;color:#fff;border-radius:13px;margin-right:14px}.announcement-icon svg{width:21px}.announcement-content{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;flex:1;min-width:0}.announcement-content>strong{font-size:13px}.announcement-slider{position:relative;height:26px;overflow:hidden}.announcement-item{position:absolute;inset:0;opacity:0;transform:translateY(10px);transition:.35s;display:flex;align-items:center;gap:10px;font-size:12px;color:#705722;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement-item.active{opacity:1;transform:translateY(0)}.announcement-item>svg{width:15px;margin-left:auto;flex:none}.badge{display:inline-flex;background:#e8f2ff;color:var(--blue);padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.06em}.badge-warn{background:#ffb129;color:#fff}.section-services{background:linear-gradient(180deg,#fff 0,#f7fbff 100%)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;min-height:235px;gap:18px;box-shadow:var(--shadow-sm);transition:.25s}.service-card:before{content:'';position:absolute;right:-35px;top:-35px;width:110px;height:110px;border-radius:50%;background:var(--accent-soft)}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-icon{width:52px;height:52px;border-radius:16px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;position:relative}.service-icon svg{width:25px}.service-card h3,.service-card h2{font-size:17px;margin:0 0 6px}.service-card p{font-size:12px;color:var(--muted);margin:0 0 15px}.service-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;color:var(--accent)}.service-status svg{width:13px}.service-status.coming{color:#8a94a8}.accent-cyan{--accent:var(--cyan);--accent-soft:#e7fbff}.accent-blue{--accent:var(--blue);--accent-soft:#edf3ff}.accent-purple{--accent:var(--purple);--accent-soft:#f0edff}.accent-green{--accent:var(--green);--accent-soft:#eaf9f1}.accent-orange{--accent:var(--orange);--accent-soft:#fff4e5}.accent-pink{--accent:var(--pink);--accent-soft:#fff0f6}.news-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.featured-news{position:relative;border-radius:24px;overflow:hidden;min-height:515px;background:#ddd}.featured-news img{width:100%;height:100%;object-fit:cover;position:absolute}.featured-news:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,16,40,.92))}.featured-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:32px;color:white}.featured-overlay h3{font-size:28px;line-height:1.25;margin:10px 0 8px;max-width:700px}.featured-overlay p{font-size:12px;color:#d7e4f8;max-width:680px}.news-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#8090ab}.featured-overlay .news-meta{color:#c9d6e9}.news-meta span,.news-meta a{display:flex;align-items:center;gap:5px;font-weight:700}.news-meta a{color:var(--blue)}.featured-overlay .news-meta a{color:white}.news-meta svg{width:14px}.news-side{display:flex;flex-direction:column;gap:13px}.news-row{display:grid;grid-template-columns:145px 1fr;gap:15px;align-items:center;border:1px solid var(--line);padding:11px;border-radius:18px;background:white;min-height:153px;box-shadow:var(--shadow-sm)}.news-row img{height:130px;width:145px;object-fit:cover;border-radius:13px}.news-row h3{font-size:14px;line-height:1.4;margin:5px 0 14px}.news-category{font-size:9px;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.principal-section{padding-top:35px}.principal-card{background:linear-gradient(125deg,#0b3b9f 0,#155ddc 50%,#12a9ca 100%);color:white;border-radius:30px;display:grid;grid-template-columns:.43fr .57fr;align-items:center;overflow:hidden;min-height:430px}.principal-photo{align-self:end;padding-left:35px}.principal-photo img{max-height:405px;margin:auto}.principal-copy{padding:45px 55px 45px 20px}.principal-copy h2{font-size:35px;line-height:1.2;margin:10px 0 13px}.principal-copy>p{color:#dceaff;font-size:14px}.principal-name{display:flex;flex-direction:column;margin:18px 0}.principal-name span{font-size:10px;color:#aeeaff}.achievement-scroll{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.achievement-card{position:relative;border:1px solid var(--line);border-radius:22px;padding:25px;background:white;box-shadow:var(--shadow-sm);overflow:hidden}.achievement-rank{position:absolute;right:17px;top:10px;font-size:44px;font-weight:800;color:#eff2f7}.achievement-icon{width:48px;height:48px;background:#fff4d8;color:#e09a00;border-radius:15px;display:grid;place-items:center;margin-bottom:20px}.achievement-card>span{font-size:9px;color:var(--blue);font-weight:800;text-transform:uppercase}.achievement-card h3{font-size:17px;margin:5px 0}.achievement-card p{font-size:11px;color:var(--muted);margin:0}.agenda-grid{display:grid;grid-template-columns:.42fr .58fr;gap:55px;align-items:start}.agenda-intro{position:sticky;top:120px}.agenda-intro .btn{margin-top:22px}.agenda-list{display:flex;flex-direction:column;gap:13px}.agenda-item{background:white;border:1px solid #e7edf7;border-radius:19px;padding:15px;display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:16px;box-shadow:var(--shadow-sm)}.agenda-date{width:68px;height:68px;border-radius:16px;background:linear-gradient(145deg,var(--blue),#2c76ee);color:white;display:grid;place-content:center;text-align:center}.agenda-date strong{font-size:24px;line-height:1}.agenda-date span{font-size:9px;letter-spacing:.1em}.agenda-item h3{font-size:15px;margin:0 0 6px}.agenda-item p{font-size:10px;color:var(--muted);margin:2px 0;display:flex;align-items:center;gap:5px}.agenda-item p svg{width:13px}.agenda-arrow{width:18px;color:#9aa5b8}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.program-card{border-radius:22px;padding:24px;background:linear-gradient(150deg,var(--accent-soft),white 62%);border:1px solid var(--line);min-height:225px}.program-icon{width:47px;height:47px;border-radius:15px;background:white;color:var(--accent);display:grid;place-items:center;box-shadow:var(--shadow-sm)}.program-card h3{font-size:17px;margin:17px 0 6px}.program-card p{font-size:11px;color:var(--muted);min-height:38px}.program-card a{font-size:10px;color:var(--accent);font-weight:800;display:inline-flex;align-items:center;gap:5px}.program-card a svg{width:13px}.gallery-section{background:var(--navy);color:white}.gallery-section .section-head p{color:#9db2d5}.gallery-mosaic{display:grid;grid-template-columns:1.4fr .7fr .7fr;grid-template-rows:200px 200px;gap:12px}.gallery-mosaic img{width:100%;height:100%;object-fit:cover;border-radius:18px}.g1{grid-row:1/3}.g4{grid-column:2/3}.g5{grid-column:3/4}.stats-section{padding:70px 0;background:linear-gradient(115deg,#1055d4,#0d8fc7);color:white;position:relative;overflow:hidden}.stats-section:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.16),transparent 25%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.12),transparent 25%)}.stats-head{text-align:center;position:relative}.stats-head h2{margin-bottom:30px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.stat{text-align:center;border-right:1px solid rgba(255,255,255,.2)}.stat:last-child{border:0}.stat strong{display:block;font-size:45px;line-height:1.1;letter-spacing:-.04em}.stat span{font-size:11px;color:#c9e7ff;text-transform:uppercase;letter-spacing:.08em}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.video-card,.location-card{border:1px solid var(--line);border-radius:24px;padding:18px;background:white;box-shadow:var(--shadow-sm)}.video-thumb{position:relative;border-radius:17px;overflow:hidden;margin-bottom:20px}.video-thumb img{width:100%;height:270px;object-fit:cover}.video-thumb button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--blue);display:grid;place-items:center;box-shadow:var(--shadow);cursor:pointer}.video-card h2{font-size:25px}.video-card p{color:var(--muted);font-size:12px}.location-card{display:grid;grid-template-rows:1.1fr .9fr}.fake-map{border-radius:17px;min-height:225px;background:radial-gradient(circle at 30% 30%,#d8f6ff,#e8f1ff 52%,#dce7f6);display:grid;place-content:center;text-align:center;color:var(--blue);position:relative;overflow:hidden}.fake-map:before,.fake-map:after{content:'';position:absolute;background:white;opacity:.6;transform:rotate(25deg)}.fake-map:before{width:500px;height:30px;left:-100px;top:70px}.fake-map:after{width:450px;height:22px;left:40px;bottom:50px;transform:rotate(-18deg)}.fake-map svg,.fake-map span,.fake-map small{position:relative;z-index:2}.fake-map svg{width:42px;height:42px;margin:auto}.fake-map span{font-weight:800}.fake-map small{color:#657ca6}.location-info{padding:20px 8px 5px}.location-info h3{margin:0 0 12px}.location-info p{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center}.location-info p svg{width:15px}.footer{background:#061634;color:#c3d0e7;padding:55px 0 95px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:45px}.footer h3{color:white;font-size:13px;margin:0 0 15px}.footer-grid>div:not(.footer-brand)>a{display:block;font-size:11px;color:#9fb1ce;margin:8px 0}.footer-grid p{font-size:11px;color:#93a8c9;max-width:400px}.footer-grid>div:not(.footer-brand)>p{display:flex;gap:8px;align-items:flex-start}.footer-grid p svg{width:15px;flex:none}.footer-logo strong{color:white}.footer-logo small{color:#8da4c6}.social-row{display:flex;gap:8px}.social-row a{width:34px;height:34px;border-radius:10px;background:#10264c;display:grid;place-items:center}.social-row svg{width:16px}.footer-bottom{border-top:1px solid #18305a;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;font-size:9px;color:#7089ae}.page-hero{padding:70px 0;background:linear-gradient(120deg,#0a3a99,#1766e6 60%,#13a9cc);color:white;position:relative;overflow:hidden}.page-hero:after{content:'';position:absolute;width:340px;height:340px;border:60px solid rgba(255,255,255,.07);border-radius:50%;right:-80px;top:-160px}.page-hero h1{font-size:48px;line-height:1.1;margin:9px 0}.page-hero p{max-width:700px;color:#d6e6ff;font-size:14px}.profile-layout{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:start}.profile-nav{position:sticky;top:110px;border:1px solid var(--line);border-radius:18px;padding:9px;background:#fff}.profile-nav a{display:block;padding:11px 12px;border-radius:11px;font-size:11px;font-weight:700;color:var(--muted)}.profile-nav a.active,.profile-nav a:hover{background:#edf4ff;color:var(--blue)}.profile-content{display:flex;flex-direction:column;gap:20px}.content-card{border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow-sm)}.content-card h2{font-size:28px;margin:6px 0 13px}.content-card>p{color:var(--muted);font-size:13px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:23px}.info-grid>div{padding:15px;background:var(--soft);border-radius:13px}.info-grid small,.contact-lines small{display:block;color:var(--muted);font-size:9px}.info-grid strong{font-size:12px}.vision-box{background:linear-gradient(120deg,#eaf3ff,#effcff);padding:20px;border-radius:17px;display:flex;gap:15px}.vision-box>svg{width:36px;color:var(--blue)}.vision-box p{font-weight:700;margin:2px 0}.mission-list{padding-left:20px;color:var(--muted);font-size:12px}.mission-list li{margin:9px 0;padding-left:5px}.profile-principal{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:28px}.profile-principal img{max-height:260px;margin:auto}.facility-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.facility-grid div{background:var(--soft);padding:20px 12px;text-align:center;border-radius:15px}.facility-grid svg{width:28px;color:var(--blue);margin-bottom:7px}.facility-grid span{display:block;font-size:10px;font-weight:800}.filter-row{display:flex;gap:8px;overflow:auto;margin-bottom:25px}.filter-chip{border:1px solid var(--line);background:white;padding:9px 14px;border-radius:999px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.filter-chip.active{background:var(--blue);border-color:var(--blue);color:white}.news-grid-page{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.news-card-page{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:white;box-shadow:var(--shadow-sm)}.news-card-page>img{width:100%;height:270px;object-fit:cover}.news-card-body{padding:20px}.news-card-body h2{font-size:18px;line-height:1.4}.news-card-body p{font-size:11px;color:var(--muted)}.service-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.service-search{position:relative;max-width:440px;flex:1}.service-search svg{position:absolute;left:14px;top:12px;width:18px;color:#8b96a9}.service-search input{width:100%;border:1px solid var(--line);border-radius:14px;padding:11px 15px 11px 42px;outline:none}.status-legend{display:flex;gap:14px;font-size:10px;color:var(--muted)}.status-legend span{display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:#aaa}.dot.active{background:#2daf70}.dot.coming{background:#b9c0cc}.service-page-grid{grid-template-columns:repeat(3,1fr)}.service-page-grid .service-card{min-height:285px}.service-kicker{font-size:9px;color:var(--accent);font-weight:800;text-transform:uppercase}.service-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.contact-page-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.contact-info-panel,.contact-form{border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow-sm)}.contact-info-panel h2,.contact-form h2{font-size:28px;margin:6px 0}.contact-info-panel>p{font-size:12px;color:var(--muted)}.contact-lines{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.contact-lines>div{display:flex;gap:10px;align-items:center;background:var(--soft);padding:13px;border-radius:13px}.contact-lines svg{width:21px;color:var(--blue)}.contact-lines strong{font-size:10px}.fake-map.large{min-height:260px}.contact-form{display:flex;flex-direction:column;gap:14px}.contact-form label{font-size:10px;font-weight:800;color:#55627a}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:12px;padding:11px 12px;outline:none;transition:.2s}.contact-form input:focus,.contact-form textarea:focus{border-color:#8ab2ff;box-shadow:0 0 0 3px #edf4ff}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.search-panel{position:fixed;top:-200px;left:0;right:0;z-index:1200;background:white;box-shadow:0 15px 50px rgba(4,22,61,.18);padding:18px 0 22px;transition:.3s}.search-panel.open{top:0}.search-panel-inner{display:flex;align-items:center;gap:10px}.search-panel-inner>svg{color:var(--blue)}.search-panel input{flex:1;border:0;outline:0;font-size:20px;font-weight:700}.search-results{display:grid;gap:5px;margin-top:12px}.search-results a{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:10px;padding:9px 12px;background:var(--soft);border-radius:10px}.search-results a span{font-size:8px;text-transform:uppercase;color:var(--blue);font-weight:800}.search-results a strong{font-size:10px}.search-results a svg{width:15px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}
.mobile-drawer,.drawer-backdrop{display:none}
@media(max-width:980px){
 :root{--container:min(100% - 30px,760px)}.desktop-only{display:none!important}.mobile-only{display:flex!important}.site-header{top:0}.header-inner{height:67px}.brand{min-width:0}.brand img{width:40px;height:40px}.brand strong{font-size:13px;max-width:180px}.brand small{font-size:8px}.mobile-drawer{display:block;position:fixed;right:-330px;top:0;bottom:0;width:min(85vw,320px);background:white;z-index:1500;padding:16px;transition:.3s;box-shadow:-15px 0 40px rgba(7,28,68,.18)}.mobile-drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;align-items:center;font-weight:800;padding-bottom:12px;border-bottom:1px solid var(--line)}.mobile-drawer nav{display:flex;flex-direction:column;gap:3px;margin-top:12px}.mobile-drawer nav a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;font-size:12px;font-weight:700}.mobile-drawer nav a:hover{background:var(--soft)}.mobile-drawer nav a svg{width:19px;color:var(--blue)}.mobile-drawer .drawer-service{margin-top:7px;background:#edf4ff;color:var(--blue)}.drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(3,17,47,.45);z-index:1400;opacity:0;pointer-events:none;transition:.25s}.drawer-backdrop.show{opacity:1;pointer-events:auto}.hero-grid{grid-template-columns:1fr;gap:4px}.hero-copy{text-align:left}.hero-copy h1{font-size:44px}.hero-art{min-height:440px;order:-1;max-width:650px;margin:auto}.card-a{left:2%;bottom:60px}.card-b{right:2%;top:65px}.service-grid{grid-template-columns:repeat(2,1fr)}.news-layout{grid-template-columns:1fr}.featured-news{min-height:470px}.news-side{display:grid;grid-template-columns:repeat(3,1fr)}.news-row{display:block;min-height:0}.news-row img{width:100%;height:140px}.principal-card{grid-template-columns:.42fr .58fr}.principal-copy{padding:30px}.principal-copy h2{font-size:27px}.agenda-grid{grid-template-columns:1fr}.agenda-intro{position:static}.program-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.profile-layout{grid-template-columns:1fr}.profile-nav{position:static;display:flex;overflow:auto}.profile-nav a{white-space:nowrap}.service-page-grid{grid-template-columns:repeat(2,1fr)}.contact-page-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
 :root{--container:calc(100% - 28px);--radius:19px}.header-inner{height:62px}.header-actions{gap:1px}.brand img{width:38px;height:38px}.brand strong{max-width:165px;font-size:12px}.section{padding:58px 0}.section-pad{padding:20px 0 16px}.section-head{margin-bottom:22px;align-items:flex-start}.section-head h2,.agenda-intro h2,.stats-head h2,.contact-section h2{font-size:27px}.section-head p{font-size:11px}.hero{background:linear-gradient(180deg,#f3f9ff,#fff)}.hero-grid{display:flex;flex-direction:column}.hero-art{order:0;min-height:260px;width:100%;margin:0 0 10px}.hero-art>img{max-height:290px}.hero-blob{width:90%;height:83%}.floating-card{display:none}.hero-copy{order:1}.hero-copy h1{font-size:35px;line-height:1.08;margin-top:9px}.hero-tagline{font-size:17px;line-height:1.35}.hero-desc{font-size:11px}.hero-actions{display:grid;grid-template-columns:1fr;margin-top:20px}.hero-actions .btn{width:100%}.hero-mini-stats{display:none}.announcement-wrap{margin-top:3px}.announcement-card{padding:9px 11px;border-radius:14px}.announcement-icon{width:36px;height:36px;border-radius:11px;margin-right:9px}.announcement-content{grid-template-columns:1fr;gap:0}.announcement-content>strong{font-size:10px}.announcement-item{font-size:9px}.announcement-item .badge{display:none}.service-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service-card{padding:15px;min-height:175px;border-radius:17px;gap:11px}.service-icon{width:44px;height:44px;border-radius:14px}.service-card h3,.service-card h2{font-size:12px;line-height:1.35}.service-card p{display:none}.service-status{font-size:8px}.mobile-section-btn{margin-top:15px;width:100%}.featured-news{min-height:auto;display:flex;flex-direction:column;background:white;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.featured-news img{position:static;height:235px}.featured-news:after{display:none}.featured-overlay{position:static;color:var(--ink);padding:17px}.featured-overlay h3{font-size:18px}.featured-overlay p{color:var(--muted);font-size:10px}.featured-overlay .news-meta{color:var(--muted)}.featured-overlay .news-meta a{color:var(--blue)}.news-side{display:flex;flex-direction:column}.news-row{display:grid;grid-template-columns:105px 1fr;padding:9px;min-height:108px}.news-row img{width:105px;height:88px}.news-row h3{font-size:11px;margin:3px 0 7px}.principal-section{padding-top:20px}.principal-card{display:flex;flex-direction:column;border-radius:22px}.principal-photo{padding:18px 18px 0;order:0}.principal-photo img{height:250px}.principal-copy{padding:24px;order:1}.principal-copy h2{font-size:25px}.principal-copy>p{font-size:11px}.achievement-scroll{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;padding-bottom:6px}.achievement-card{min-width:78%;scroll-snap-align:start;padding:20px}.agenda-item{grid-template-columns:57px 1fr auto;padding:11px;gap:11px}.agenda-date{width:57px;height:57px}.agenda-date strong{font-size:20px}.agenda-item h3{font-size:12px}.program-grid{grid-template-columns:repeat(2,1fr);gap:10px}.program-card{padding:15px;min-height:190px;border-radius:17px}.program-card h3{font-size:13px}.program-card p{font-size:9px}.gallery-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:170px 120px 120px;gap:7px}.gallery-mosaic img{border-radius:12px}.g1{grid-column:1/3;grid-row:1}.g2,.g3,.g4,.g5{grid-column:auto;grid-row:auto}.stats-section{padding:50px 0}.stats-grid{grid-template-columns:repeat(2,1fr);row-gap:30px}.stat:nth-child(2){border-right:0}.stat strong{font-size:34px}.video-thumb img{height:210px}.contact-grid{gap:13px}.video-card,.location-card{border-radius:19px;padding:12px}.location-card{grid-template-rows:auto auto}.footer{padding:45px 0 105px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:5px}.mobile-bottom-nav{position:fixed;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:1100;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid #e4e9f1;border-radius:18px;box-shadow:0 14px 40px rgba(10,31,70,.18);height:62px;padding:5px 7px;align-items:center;justify-content:space-around}.mobile-bottom-nav a,.mobile-bottom-nav button{border:0;background:none;color:#7d879a;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:8px;font-weight:700;min-width:55px}.mobile-bottom-nav svg{width:19px;height:19px}.mobile-bottom-nav .active{color:var(--blue)}.mobile-bottom-nav .service-main{margin-top:-22px}.mobile-bottom-nav .service-main svg{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;width:45px;height:45px;padding:12px;border-radius:15px;box-shadow:0 10px 20px rgba(20,89,217,.28)}.page-hero{padding:46px 0}.page-hero h1{font-size:35px}.page-hero p{font-size:11px}.profile-nav{margin-bottom:3px}.content-card{padding:20px;border-radius:19px}.content-card h2{font-size:23px}.info-grid{grid-template-columns:1fr}.profile-principal{grid-template-columns:1fr}.profile-principal img{height:230px}.facility-grid{grid-template-columns:repeat(2,1fr)}.news-grid-page{grid-template-columns:1fr}.news-card-page>img{height:220px}.service-toolbar{align-items:stretch;flex-direction:column}.status-legend{justify-content:flex-start}.service-page-grid{grid-template-columns:repeat(2,1fr)}.service-page-grid .service-card{min-height:205px}.service-page-grid .service-card p{display:block;font-size:9px}.service-bottom{display:block}.service-bottom .btn{margin-top:9px;width:100%}.contact-info-panel,.contact-form{padding:20px;border-radius:19px}.contact-lines{grid-template-columns:1fr}.form-two{grid-template-columns:1fr}.search-panel input{font-size:14px}.search-results a{grid-template-columns:54px 1fr auto}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* ===== Public pages V1.1.0 ===== */
.desktop-nav{gap:18px}.desktop-nav a{font-size:12px}
.page-hero-actions{display:flex;gap:10px;margin-top:22px}.btn-glass{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px)}
.page-hero-academic{background:linear-gradient(125deg,#0a4dbd,#1d7be8 58%,#12b7d6)}
.page-hero-students{background:linear-gradient(125deg,#0b766f,#0ba89b 55%,#34c88a)}
.page-hero-announcement{background:linear-gradient(125deg,#b85e08,#e98b1d 55%,#ffba38)}
.page-hero-agenda{background:linear-gradient(125deg,#253d91,#4963cf 55%,#7357e8)}
.page-hero-achievement{background:linear-gradient(125deg,#8d5700,#d98b06 52%,#ffb62e)}
.page-hero-gallery{background:linear-gradient(125deg,#3e268e,#7357e8 55%,#a86ae8)}
.academic-intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:stretch}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.feature-list span{display:flex;align-items:center;gap:8px;background:var(--soft);border-radius:12px;padding:11px 13px;font-size:11px;font-weight:700}.feature-list svg{width:17px;color:var(--green)}.academic-highlight{position:relative;overflow:hidden;border-radius:24px;padding:30px;background:linear-gradient(145deg,#0d46b2,#1459d9 56%,#12b7d6);color:white;box-shadow:var(--shadow)}.academic-highlight:after{content:'';position:absolute;right:-70px;bottom:-70px;width:210px;height:210px;border-radius:50%;border:35px solid rgba(255,255,255,.12)}.academic-highlight>strong{display:block;font-size:28px;line-height:1.2;margin:12px 0}.academic-highlight>p{font-size:12px;color:#dceaff}.academic-highlight>svg{position:absolute;right:24px;top:25px;width:32px;color:#fff}.detail-program-grid .program-card{min-height:260px}.detail-program-grid .program-card p{font-size:11px}.extracurricular-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.extra-card{border:1px solid var(--line);border-radius:19px;padding:18px;display:flex;gap:13px;background:#fff;box-shadow:var(--shadow-sm)}.extra-icon{width:47px;height:47px;flex:none;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.extra-icon svg{width:22px}.extra-card h3{font-size:14px;margin:2px 0 8px}.extra-card p{font-size:9px;color:var(--muted);margin:3px 0;display:flex;align-items:center;gap:5px}.extra-card p svg{width:12px}.document-banner{border:1px solid #dbe5f7;border-radius:24px;background:white;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:var(--shadow-sm)}.document-banner h2{margin:6px 0 8px;font-size:28px}.document-banner p{margin:0;color:var(--muted);font-size:11px;max-width:650px}.document-actions{display:flex;gap:9px;flex:none}
.student-program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.student-program{border:1px solid var(--line);border-radius:20px;padding:22px;background:white;box-shadow:var(--shadow-sm)}.student-program>svg{width:32px;height:32px;padding:7px;background:#edf4ff;color:var(--blue);border-radius:10px}.student-program h3{font-size:16px;margin:15px 0 6px}.student-program p{font-size:11px;color:var(--muted);margin:0}.student-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.student-feature{background:white;border:1px solid var(--line);border-radius:22px;padding:25px;display:flex;gap:18px;box-shadow:var(--shadow-sm)}.student-feature-icon{width:62px;height:62px;flex:none;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#edf4ff,#e7fbff);color:var(--blue)}.student-feature-icon svg{width:29px}.student-feature h2{font-size:23px;line-height:1.25;margin:5px 0 8px}.student-feature p{font-size:11px;color:var(--muted)}.chip-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.chip-list span{font-size:9px;font-weight:800;padding:6px 9px;border-radius:999px;background:var(--soft);color:#596681}.agenda-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.agenda-mini{border:1px solid var(--line);border-radius:18px;padding:13px;display:grid;grid-template-columns:57px 1fr auto;align-items:center;gap:12px;background:white;box-shadow:var(--shadow-sm);transition:.2s}.agenda-mini:hover{transform:translateY(-3px)}.agenda-mini>svg{width:18px;color:var(--blue)}.agenda-mini h3{font-size:12px;margin:3px 0}.agenda-mini p{font-size:9px;color:var(--muted);margin:0}
.announcement-list-page{display:grid;gap:14px;max-width:920px;margin:auto}.announcement-page-card{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:22px;border:1px solid var(--line);border-radius:20px;background:white;box-shadow:var(--shadow-sm)}.announcement-page-icon{width:58px;height:58px;border-radius:17px;background:#fff4dd;color:var(--orange);display:grid;place-items:center}.announcement-page-icon svg{width:27px}.announcement-page-meta{display:flex;gap:12px;align-items:center}.announcement-page-meta>span:last-child{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.announcement-page-meta svg{width:13px}.announcement-page-card h2{font-size:20px;margin:7px 0}.announcement-page-card p{font-size:11px;color:var(--muted);margin:0 0 10px}
.agenda-page-layout{display:grid;grid-template-columns:270px 1fr;gap:24px;align-items:start}.agenda-month-card{position:sticky;top:110px;border-radius:24px;padding:27px;background:linear-gradient(145deg,var(--navy),#153b83);color:white}.agenda-month-card>strong{font-size:31px;display:block;margin-top:9px}.agenda-month-card>span:not(.eyebrow){font-size:16px;color:#9fc6ff}.agenda-month-summary{display:flex;align-items:center;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16)}.agenda-month-summary>svg{width:34px;padding:7px;background:rgba(255,255,255,.1);border-radius:10px}.agenda-month-summary div{display:flex;flex-direction:column}.agenda-month-summary b{font-size:20px}.agenda-month-summary small{font-size:9px;color:#b7cae9}.agenda-page-list{display:grid;gap:14px}.agenda-page-item{display:grid;grid-template-columns:76px 1fr;gap:18px;border:1px solid var(--line);border-radius:21px;padding:19px;background:white;box-shadow:var(--shadow-sm)}.agenda-date-lg{width:76px;height:76px}.agenda-date-lg strong{font-size:28px}.agenda-page-copy h2{font-size:19px;margin:5px 0 6px}.agenda-page-copy>p{font-size:11px;color:var(--muted);margin:0 0 12px}.agenda-details{display:flex;gap:15px;flex-wrap:wrap}.agenda-details span{font-size:9px;color:#66728b;display:flex;align-items:center;gap:5px}.agenda-details svg{width:13px;color:var(--blue)}
.achievement-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.achievement-page-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;padding:24px;background:white;box-shadow:var(--shadow-sm)}.achievement-page-card:after{content:'';position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:var(--accent-soft)}.achievement-page-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.achievement-category{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:var(--accent-soft);padding:5px 8px;border-radius:999px}.achievement-level{display:block;font-size:9px;color:var(--muted);margin:18px 0 5px}.achievement-page-card h2{font-size:18px;line-height:1.35;margin:0 0 6px}.achievement-page-card>strong{font-size:10px}.achievement-page-card>p{font-size:10px;color:var(--muted);min-height:48px}.achievement-date{display:flex;align-items:center;gap:5px;font-size:9px;color:#78849b;border-top:1px solid var(--line);padding-top:12px;margin-top:13px}.achievement-date svg{width:13px}
.article-hero{background:linear-gradient(180deg,#edf5ff,#fff);padding:62px 0 34px}.article-hero-inner{max-width:900px}.back-link{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800;color:var(--blue);margin-bottom:18px}.back-link svg{width:15px}.article-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.12;letter-spacing:-.04em;margin:13px 0 17px}.article-meta{display:flex;gap:16px;color:var(--muted);font-size:10px}.article-meta span{display:flex;align-items:center;gap:5px}.article-meta svg{width:14px}.article-section{padding-top:35px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:32px;align-items:start}.article-main{max-width:780px}.article-cover{width:100%;height:430px;object-fit:cover;border-radius:24px;margin-bottom:28px}.article-main>p{font-size:14px;color:#3f4b62;line-height:1.9}.article-main .article-lead{font-size:18px;line-height:1.7;font-weight:700;color:var(--ink)}.article-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.article-tags span{font-size:9px;font-weight:800;color:var(--blue);background:#edf4ff;border-radius:999px;padding:6px 9px}.article-share{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.article-share>strong{margin-right:auto;font-size:11px}.article-side{position:sticky;top:110px}.article-side-card{border:1px solid var(--line);border-radius:20px;padding:17px;background:white;box-shadow:var(--shadow-sm)}.related-news{display:grid;grid-template-columns:75px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.related-news:last-child{border-bottom:0}.related-news img{width:75px;height:65px;object-fit:cover;border-radius:10px}.related-news div{display:flex;flex-direction:column}.related-news small{font-size:8px;color:var(--muted)}.related-news strong{font-size:9px;line-height:1.4;margin-top:3px}
.gallery-filter-row{margin-bottom:24px}.gallery-filter-row p{font-size:11px;color:var(--muted);margin:5px 0}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.album-card{overflow:hidden;border:1px solid var(--line);border-radius:21px;background:white;box-shadow:var(--shadow-sm);transition:.25s}.album-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.album-cover{height:245px;position:relative;overflow:hidden}.album-cover img{width:100%;height:100%;object-fit:cover;transition:.35s}.album-card:hover .album-cover img{transform:scale(1.03)}.album-cover>span{position:absolute;right:12px;bottom:12px;background:rgba(5,19,46,.82);color:white;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800;display:flex;gap:5px;align-items:center}.album-cover span svg{width:12px}.album-body{padding:16px}.album-body h2{font-size:15px;line-height:1.4;margin:5px 0}.album-body p{font-size:9px;color:var(--muted);margin:0}.album-title-block{display:flex;justify-content:space-between;align-items:end;margin:12px 0 24px}.album-title-block h2{font-size:32px;margin:6px 0}.album-title-block p{color:var(--muted);font-size:10px}.album-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.album-photo{border:0;padding:0;border-radius:16px;overflow:hidden;cursor:zoom-in;background:#eee;aspect-ratio:4/3}.album-photo img{width:100%;height:100%;object-fit:cover;transition:.25s}.album-photo:hover img{transform:scale(1.03)}.lightbox{position:fixed;inset:0;z-index:3000;background:rgba(2,9,23,.92);display:grid;place-items:center;padding:28px;opacity:0;pointer-events:none;transition:.2s}.lightbox.open{opacity:1;pointer-events:auto}.lightbox img{max-width:min(1100px,92vw);max-height:88vh;border-radius:16px}.lightbox-close{position:absolute;right:22px;top:22px;border:0;width:44px;height:44px;border-radius:50%;background:white;color:var(--ink);display:grid;place-items:center;cursor:pointer}
.spmb-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0a3b91,#1459d9 52%,#12b7d6);color:white;padding:80px 0}.spmb-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.spmb-copy h1{font-size:clamp(42px,5vw,64px);line-height:1.08;letter-spacing:-.045em;margin:12px 0}.spmb-copy>p{max-width:650px;color:#d9e9ff}.spmb-status{display:flex;align-items:center;gap:10px;width:max-content;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:10px 13px;margin-top:20px}.spmb-status>svg{width:21px}.spmb-status div{display:flex;flex-direction:column}.spmb-status small{font-size:8px;color:#bcd8ff}.spmb-status strong{font-size:11px}.spmb-art{min-height:390px;position:relative;display:grid;place-items:center}.spmb-card{position:relative;z-index:2;width:280px;height:280px;border-radius:34px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 30px 70px rgba(4,26,77,.25);transform:rotate(4deg)}.spmb-card>svg{width:72px;height:72px;padding:16px;border-radius:23px;background:white;color:var(--blue);margin-bottom:18px}.spmb-card strong{font-size:20px}.spmb-card span{font-size:9px;color:#d7e8ff}.spmb-orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.12)}.orb-1{width:150px;height:150px;left:0;top:20px}.orb-2{width:110px;height:110px;right:10px;bottom:20px}.spmb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.spmb-step{border:1px solid var(--line);border-radius:20px;padding:22px;background:white;box-shadow:var(--shadow-sm)}.spmb-step>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#edf4ff;color:var(--blue);font-weight:800}.spmb-step h3{font-size:15px;margin:17px 0 6px}.spmb-step p{font-size:10px;color:var(--muted);margin:0}.spmb-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.requirement-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px}.requirement-list li{display:flex;align-items:flex-start;gap:8px;font-size:11px}.requirement-list svg{width:17px;color:var(--green);flex:none;margin-top:2px}.small-note{font-size:9px!important;color:#8a6471!important;background:#fff2f5;padding:10px;border-radius:11px}.spmb-contact{display:flex;gap:9px;margin-top:20px}.faq-list{display:grid;gap:9px;max-width:900px}.faq-item{border:1px solid var(--line);border-radius:15px;background:white;overflow:hidden}.faq-question{width:100%;border:0;background:white;padding:15px 17px;display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:11px;font-weight:800;cursor:pointer}.faq-question svg{width:18px;transition:.2s}.faq-item.open .faq-question svg{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:.25s}.faq-answer>p{overflow:hidden;margin:0;padding:0 17px;font-size:10px;color:var(--muted)}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer>p{padding-bottom:16px}
.service-status.waiting{color:#8a6a22}.service-help-banner{margin-top:22px;border:1px solid #dce8f9;background:#f6faff;border-radius:18px;padding:17px;display:flex;gap:13px;align-items:flex-start}.service-help-banner>svg{width:30px;height:30px;padding:6px;border-radius:9px;background:#e8f2ff;color:var(--blue);flex:none}.service-help-banner strong{font-size:11px}.service-help-banner p{font-size:9px;color:var(--muted);margin:3px 0}.footer-contact-link{display:inline-flex!important;align-items:center;gap:5px;color:#9ee9ff!important;font-weight:800!important}.footer-contact-link svg{width:13px}.timeline-demo{display:grid;gap:11px;margin-top:20px}.timeline-demo>div{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center}.timeline-demo>div>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf4ff;color:var(--blue);font-size:10px;font-weight:800}.timeline-demo p{display:flex;flex-direction:column;margin:0}.timeline-demo strong{font-size:11px}.timeline-demo small{font-size:9px;color:var(--muted)}.org-preview{display:flex;flex-direction:column;align-items:center;margin-top:22px}.org-main{border:1px solid #cfe0fa;background:#f4f8ff;border-radius:15px;padding:15px 24px;display:flex;align-items:center;gap:10px;color:var(--blue)}.org-main svg{width:22px}.org-main strong{font-size:11px}.org-line{width:1px;height:30px;background:#cad5e5}.org-children{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.org-children span{text-align:center;background:var(--soft);border-radius:12px;padding:12px;font-size:9px;font-weight:800}.news-card-image{display:block}.news-card-image img{width:100%;height:220px;object-fit:cover}

@media(max-width:980px){
 .academic-intro-grid,.student-feature-grid,.spmb-info-grid{grid-template-columns:1fr}.extracurricular-grid{grid-template-columns:repeat(2,1fr)}.student-program-grid,.achievement-page-grid,.album-grid{grid-template-columns:repeat(2,1fr)}.agenda-page-layout{grid-template-columns:1fr}.agenda-month-card{position:static}.article-layout{grid-template-columns:1fr}.article-side{position:static}.spmb-hero-grid{grid-template-columns:1fr}.spmb-art{min-height:300px}.spmb-steps{grid-template-columns:repeat(2,1fr)}.agenda-mini-grid{grid-template-columns:1fr}.document-banner{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
 .page-hero-actions{overflow-x:auto;padding-bottom:2px}.page-hero-actions .btn{white-space:nowrap;font-size:9px;padding:9px 12px}.academic-intro-grid{gap:12px}.feature-list{grid-template-columns:1fr}.academic-highlight{padding:22px}.academic-highlight>strong{font-size:22px}.detail-program-grid .program-card{min-height:205px}.extracurricular-grid{grid-template-columns:1fr}.extra-card{padding:14px}.document-banner{padding:20px}.document-banner h2{font-size:23px}.document-actions{display:grid;grid-template-columns:1fr;width:100%}.student-program-grid{grid-template-columns:repeat(2,1fr);gap:9px}.student-program{padding:15px;border-radius:16px}.student-program h3{font-size:12px}.student-program p{font-size:9px}.student-feature{padding:18px;display:block}.student-feature-icon{margin-bottom:14px}.student-feature h2{font-size:20px}.agenda-mini{grid-template-columns:54px 1fr auto}.announcement-page-card{grid-template-columns:45px 1fr;padding:15px;gap:11px}.announcement-page-icon{width:45px;height:45px;border-radius:13px}.announcement-page-card h2{font-size:15px}.agenda-page-item{grid-template-columns:60px 1fr;padding:13px;gap:12px}.agenda-date-lg{width:60px;height:60px}.agenda-date-lg strong{font-size:21px}.agenda-page-copy h2{font-size:14px}.agenda-details{display:grid;gap:5px}.achievement-page-grid{grid-template-columns:1fr}.achievement-page-card{padding:19px}.article-hero{padding:40px 0 20px}.article-hero h1{font-size:32px}.article-meta{flex-direction:column;gap:5px}.article-section{padding-top:20px}.article-cover{height:240px;border-radius:18px}.article-main>p{font-size:12px}.article-main .article-lead{font-size:15px}.article-share{flex-wrap:wrap}.article-share>strong{width:100%;margin-bottom:4px}.article-side-card{padding:14px}.album-grid{grid-template-columns:1fr}.album-cover{height:230px}.album-title-block h2{font-size:24px}.album-photo-grid{grid-template-columns:repeat(2,1fr);gap:7px}.lightbox{padding:14px}.spmb-hero{padding:48px 0}.spmb-copy h1{font-size:36px}.spmb-art{min-height:240px}.spmb-card{width:205px;height:205px;border-radius:27px}.spmb-card>svg{width:55px;height:55px}.spmb-card strong{font-size:15px}.spmb-steps{grid-template-columns:1fr}.spmb-step{padding:17px}.spmb-contact{display:grid}.faq-question{font-size:10px}.org-children{grid-template-columns:1fr}.org-line{height:20px}.news-card-image img{height:220px}
}

/* V1.4 public experience */
.reading-progress{position:fixed;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));z-index:3000;transform:scaleX(0);transform-origin:left center;opacity:0;pointer-events:none}.reading-progress.show{opacity:1}.drawer-install{border:0;background:#edf4ff;color:var(--blue);width:100%;display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:13px;font-weight:800;text-align:left;cursor:pointer}.drawer-install svg{width:19px}.btn-ghost{background:#fff;border:1px solid var(--line);color:#526079}.btn-ghost:hover{background:var(--soft)}
.service-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.service-filter-chip{border:1px solid var(--line);background:#fff;color:#667189;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:800;cursor:pointer;transition:.2s}.service-filter-chip:hover,.service-filter-chip.active{border-color:#b9d1fb;background:#edf4ff;color:var(--blue)}.status-legend .dot.waiting{background:#d5a637}.empty-state{border:1px dashed #ced9ea;background:#f8fbff;border-radius:22px;padding:35px;text-align:center;margin:18px 0}.empty-state svg{width:38px;height:38px;color:#8da4c5}.empty-state h3{margin:10px 0 3px}.empty-state p{margin:0;color:var(--muted);font-size:11px}.agenda-calendar-note{font-size:10px;color:var(--muted);margin:18px 0 0}.agenda-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.agenda-actions .btn{font-size:10px}.lightbox figure{margin:0;display:grid;gap:10px;justify-items:center;max-width:min(1000px,82vw);max-height:88vh}.lightbox figure img{max-width:100%;max-height:80vh;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.35)}.lightbox figcaption{color:#e8edf7;font-size:11px;text-align:center}.lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);border:0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(8px);cursor:pointer}.lightbox-nav:hover{background:rgba(255,255,255,.24)}.lightbox-nav.prev{left:22px}.lightbox-nav.next{right:22px}.lightbox-nav svg{width:25px}.network-toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,20px);z-index:3500;background:#14213b;color:#fff;border-radius:14px;padding:11px 16px;box-shadow:0 15px 40px rgba(9,25,55,.22);font-size:11px;font-weight:700;opacity:0;pointer-events:none;transition:.25s;max-width:min(420px,calc(100% - 28px));text-align:center}.network-toast.show{opacity:1;transform:translate(-50%,0)}.network-toast.online{background:#14724a}.network-toast.offline{background:#7c5b14}.back-to-top{position:fixed;right:22px;bottom:24px;width:44px;height:44px;border:0;border-radius:14px;background:var(--navy);color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(5,25,65,.22);z-index:900;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s;cursor:pointer}.back-to-top.show{opacity:1;transform:none;pointer-events:auto}.back-to-top svg{width:19px}.not-found-page{min-height:68vh;display:grid;align-items:center;background:radial-gradient(circle at 20% 20%,#eaf7ff,transparent 32%),linear-gradient(180deg,#fbfdff,#fff)}.not-found-card{max-width:760px;margin:auto;text-align:center}.not-found-code{font-size:clamp(86px,16vw,170px);font-weight:800;line-height:.85;letter-spacing:-.08em;background:linear-gradient(135deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.14}.not-found-card h1{font-size:clamp(28px,4vw,46px);line-height:1.16;margin:8px 0 12px}.not-found-card p{color:var(--muted);max-width:620px;margin:0 auto}.not-found-card .hero-actions{justify-content:center}.article-meta span{white-space:nowrap}
@media(max-width:640px){.service-filter-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;margin-right:-20px;padding-right:20px}.service-filter-chip{white-space:nowrap}.agenda-actions{display:grid;grid-template-columns:1fr 1fr}.agenda-actions .btn{padding:9px 8px}.lightbox figure{max-width:92vw}.lightbox-nav{width:40px;height:40px}.lightbox-nav.prev{left:8px}.lightbox-nav.next{right:8px}.back-to-top{right:14px;bottom:86px}.network-toast{bottom:82px}.article-share .btn{flex:1}.not-found-card .hero-actions{display:grid}.not-found-card .btn{width:100%}}
@media print{.topbar,.site-header,.mobile-bottom-nav,.footer,.article-side,.article-share,.back-to-top,.reading-progress,.network-toast,.search-panel,.mobile-drawer,.drawer-backdrop{display:none!important}body{background:#fff;color:#000}.article-hero{padding:15px 0;background:#fff!important;color:#000!important}.article-hero .back-link{display:none}.article-hero h1{color:#000!important}.article-section{padding:10px 0}.article-layout{display:block}.article-main{max-width:none}.article-cover{max-height:420px;object-fit:cover}.article-main p{font-size:12pt;line-height:1.7}.article-tags{display:none}}
.video-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;border:0;background:#fff;color:var(--blue);display:grid;place-items:center;box-shadow:0 12px 32px rgba(8,32,78,.18);z-index:2}.video-play svg{width:24px}.video-play.disabled{opacity:.72;cursor:not-allowed}.video-thumb{position:relative}

/* V1.5–V1.7 accessibility, favorites, calendar and downloads */
[hidden]{display:none!important}
.accessibility-backdrop{position:fixed;inset:0;background:rgba(5,18,45,.35);backdrop-filter:blur(2px);z-index:4100;opacity:0;transition:.2s}.accessibility-backdrop.show{opacity:1}.accessibility-panel{position:fixed;right:18px;top:18px;bottom:18px;width:min(390px,calc(100% - 28px));background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 25px 80px rgba(4,20,50,.25);z-index:4200;padding:23px;transform:translateX(calc(100% + 45px));transition:.25s;overflow:auto}.accessibility-panel.open{transform:none}.accessibility-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--line)}.accessibility-head h2{margin:3px 0 0;font-size:24px}.accessibility-group{padding:20px 0;border-bottom:1px solid var(--line)}.accessibility-group>strong{font-size:12px}.accessibility-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.accessibility-choice button{height:45px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-weight:800;cursor:pointer}.accessibility-choice button:nth-child(2){font-size:17px}.accessibility-choice button:nth-child(3){font-size:20px}.accessibility-choice button.active{background:#edf4ff;border-color:#9fc0f8;color:var(--blue)}.access-toggle{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);cursor:pointer}.access-toggle>span{display:grid;grid-template-columns:26px 1fr;column-gap:9px;align-items:center}.access-toggle svg{grid-row:1/3;width:21px;color:var(--blue)}.access-toggle b{font-size:12px}.access-toggle small{font-size:9px;color:var(--muted)}.access-toggle input{width:42px;height:22px;accent-color:var(--blue)}.accessibility-panel>.btn{width:100%;margin-top:20px}.accessibility-note{font-size:9px;color:var(--muted);text-align:center;margin:12px 0 0}
body.a11y-large p,body.a11y-large li,body.a11y-large label,body.a11y-large .service-card p,body.a11y-large .news-meta,body.a11y-large small{font-size:1.08em}body.a11y-large h1,body.a11y-large h2,body.a11y-large h3,body.a11y-large .btn{font-size:1.06em}body.a11y-xlarge p,body.a11y-xlarge li,body.a11y-xlarge label,body.a11y-xlarge .service-card p,body.a11y-xlarge .news-meta,body.a11y-xlarge small{font-size:1.16em}body.a11y-xlarge h1,body.a11y-xlarge h2,body.a11y-xlarge h3,body.a11y-xlarge .btn{font-size:1.11em}
body.high-contrast{--ink:#050505;--muted:#333;--line:#9da4af;--soft:#f1f1f1;--navy:#000;--blue:#064bc4;background:#fff;color:#050505}body.high-contrast .site-header{background:#fff;backdrop-filter:none}body.high-contrast .service-card,body.high-contrast .content-card,body.high-contrast .news-row{border-color:#777;box-shadow:none}body.high-contrast a:focus-visible,body.high-contrast button:focus-visible,body.high-contrast input:focus-visible,body.high-contrast textarea:focus-visible{outline:3px solid #ffbf00;outline-offset:3px}
body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}body.reduce-motion .reveal{opacity:1!important;transform:none!important}

.section-head.compact{margin-bottom:18px}.favorite-services{margin-bottom:34px;padding:22px;border-radius:22px;background:linear-gradient(135deg,#f4f9ff,#fbfdff);border:1px solid #dce8fa}.favorite-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.favorite-service-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px 13px}.favorite-service-card>div{display:flex;align-items:center;gap:9px;min-width:0}.favorite-service-card>div>svg{width:19px;color:var(--blue);flex:none}.favorite-service-card strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-service-card>a{display:flex;align-items:center;gap:4px;color:var(--blue);font-size:9px;font-weight:800}.favorite-service-card>a svg{width:13px}.favorite-service-card>span{font-size:8px;color:var(--muted)}.favorite-service-card>button{width:29px;height:29px;border:0;border-radius:9px;background:var(--soft);color:var(--muted);display:grid;place-items:center;cursor:pointer}.favorite-service-card>button svg{width:14px}.service-card{position:relative}.service-favorite{position:absolute;right:14px;top:14px;z-index:3;width:34px;height:34px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.92);color:#8490a6;display:grid;place-items:center;cursor:pointer;transition:.2s}.service-favorite svg{width:16px}.service-favorite:hover,.service-favorite.active{color:#d59000;border-color:#f1cf74;background:#fff9e7}.service-favorite.active svg{fill:#f5b82e}

.agenda-view-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.agenda-view-toolbar h2{font-size:30px;margin:4px 0 0}.view-switch{display:flex;background:#f2f5f9;border:1px solid var(--line);padding:4px;border-radius:13px}.view-switch button{border:0;background:transparent;color:#65718a;border-radius:9px;padding:9px 13px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;cursor:pointer}.view-switch button svg{width:15px}.view-switch button.active{background:#fff;color:var(--blue);box-shadow:0 4px 12px rgba(20,45,90,.08)}.calendar-view{margin-top:5px}.school-calendar{border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:var(--shadow-sm)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:#f6f9fd;border-bottom:1px solid var(--line)}.calendar-weekdays span{padding:12px;text-align:center;font-size:9px;font-weight:800;color:#68748c;text-transform:uppercase;letter-spacing:.07em}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:130px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px;background:#fff}.calendar-day:nth-child(7n){border-right:0}.calendar-day.empty{background:#fafbfd}.calendar-day.has-event{background:#fbfdff}.calendar-day.today{box-shadow:inset 0 0 0 2px #8db8fb}.calendar-day-number{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.calendar-day-number>span{font-size:11px;font-weight:800}.calendar-day-number small{font-size:7px;background:#e8f2ff;color:var(--blue);padding:3px 6px;border-radius:999px}.calendar-events{display:grid;gap:5px}.calendar-events a{display:block;background:#edf4ff;border-left:3px solid var(--blue);border-radius:7px;padding:6px 7px}.calendar-events a span{display:block;font-size:6px;color:#5470a3;text-transform:uppercase;font-weight:800}.calendar-events a strong{display:block;font-size:8px;line-height:1.25;margin-top:2px}.calendar-help{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;margin:13px 0 0}.calendar-help svg{width:15px}

.page-hero-download{background:linear-gradient(135deg,#084aa9,#0c8db5)}.download-toolbar{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:18px;align-items:center;margin-bottom:25px}.download-filter-row{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.download-grid{display:grid;gap:12px}.download-card{display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px 18px;box-shadow:var(--shadow-sm)}.download-icon{width:58px;height:58px;border-radius:16px;background:#edf4ff;color:var(--blue);display:grid;place-items:center}.download-icon svg{width:25px}.download-copy h2{font-size:15px;margin:3px 0}.download-copy p{font-size:10px;color:var(--muted);margin:0}.download-meta{display:flex;gap:7px;margin-top:8px}.download-meta span{font-size:8px;background:var(--soft);color:#66738a;border-radius:999px;padding:4px 7px;font-weight:800}.download-wait{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:800;color:#8a6a22;background:#fff8e8;padding:8px 10px;border-radius:10px;white-space:nowrap}.download-wait svg{width:14px}

.privacy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.privacy-grid .content-card{position:relative;padding-top:28px}.privacy-icon{width:43px;height:43px;padding:10px;border-radius:13px;background:#edf4ff;color:var(--blue);margin-bottom:15px}.privacy-grid h2{font-size:22px;margin:5px 0 8px}.privacy-grid p{color:var(--muted);margin:0}.form-note{font-size:10px;color:var(--muted);margin-top:-3px}.contact-send-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.contact-privacy{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px;margin-top:11px}.contact-privacy svg{width:13px}.fake-map.large .btn{margin-top:12px}
.footer-bottom a{color:#b8d2ff}.footer-bottom a:hover{color:#fff}

@media(max-width:980px){.favorite-service-grid{grid-template-columns:1fr 1fr}.download-toolbar{grid-template-columns:1fr}.download-filter-row{justify-content:flex-start}.calendar-day{min-height:105px}.privacy-grid{grid-template-columns:1fr}}
@media(max-width:640px){.header-actions{gap:3px}.header-actions .icon-btn{width:38px;height:38px}.accessibility-panel{inset:8px;width:auto;border-radius:20px}.favorite-services{padding:16px;margin-bottom:23px}.favorite-service-grid{grid-template-columns:1fr}.favorite-service-card{grid-template-columns:1fr auto auto}.agenda-view-toolbar{align-items:flex-start;flex-direction:column}.agenda-view-toolbar h2{font-size:24px}.view-switch{width:100%}.view-switch button{flex:1;justify-content:center}.school-calendar{overflow-x:auto;border-radius:16px}.calendar-weekdays,.calendar-grid{min-width:700px}.calendar-day{min-height:105px}.download-filter-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.download-filter-row button{white-space:nowrap}.download-card{grid-template-columns:48px 1fr;padding:14px;gap:11px}.download-icon{width:48px;height:48px}.download-copy h2{font-size:13px}.download-card>.btn,.download-wait{grid-column:2}.download-wait{justify-self:start}.contact-send-options{grid-template-columns:1fr}.privacy-grid{gap:10px}}
@media print{.accessibility-panel,.accessibility-backdrop{display:none!important}}
@media(max-width:640px){#accessibilityBtn{display:none}}

/* V1.8–V2.0: pencarian penuh, galeri terfilter, portal personal, performa */
.page-hero-search{background:linear-gradient(135deg,#0a4ca8,#6b48d7)}.search-submit{border:0;background:var(--blue);color:#fff;font-weight:800;font-size:9px;padding:9px 12px;border-radius:10px;cursor:pointer;white-space:nowrap}.search-page-wrap{max-width:980px}.search-page-form{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:9px 10px 9px 16px;box-shadow:var(--shadow-sm)}.search-page-form>svg{width:20px;color:var(--blue)}.search-page-form input{border:0;outline:0;min-width:0;font:inherit;font-size:14px;color:var(--ink);background:transparent}.recent-searches{margin-top:15px;padding:13px 15px;background:#f7f9fc;border:1px solid var(--line);border-radius:14px}.recent-searches>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.recent-searches strong{font-size:10px}.recent-searches button{border:0;background:transparent;color:var(--blue);font-size:8px;font-weight:800;cursor:pointer}.recent-searches>div:last-child{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.recent-searches a,.search-suggestions a{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);padding:7px 10px;border-radius:999px;font-size:9px;font-weight:700;color:#56647c}.recent-searches a svg{width:13px}.search-summary{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:32px 0 16px}.search-summary h2{font-size:27px;margin:4px 0 0}.search-summary>span{font-size:9px;color:var(--muted)}.search-type-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:5px;margin-bottom:18px}.search-type-tabs a{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800;color:#61708a;background:#fff}.search-type-tabs a.active{background:#edf4ff;border-color:#a8c7f9;color:var(--blue)}.full-search-results{display:grid;gap:9px}.full-search-item{display:grid;grid-template-columns:45px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;background:#fff;padding:13px 15px;box-shadow:var(--shadow-sm);transition:.18s}.full-search-item:hover{transform:translateY(-2px);border-color:#b6cdf1}.full-search-icon{width:45px;height:45px;border-radius:13px;background:#edf4ff;color:var(--blue);display:grid;place-items:center}.full-search-icon svg{width:20px}.full-search-copy{min-width:0}.full-search-copy small{display:block;color:#6f7c92;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.full-search-copy strong{display:block;font-size:13px;margin:3px 0}.full-search-copy p{font-size:9px;color:var(--muted);margin:0;line-height:1.5}.result-arrow{width:17px;color:var(--blue)}.search-start{text-align:center;padding:55px 20px;border:1px dashed #cbd8eb;border-radius:20px;background:#fbfdff;margin-top:26px}.search-start>svg{width:38px;color:var(--blue)}.search-start h2{margin:10px 0 5px}.search-start p{color:var(--muted);max-width:560px;margin:0 auto}.search-suggestions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:18px}.search-empty{margin-top:24px}
.gallery-toolbar{display:grid;grid-template-columns:minmax(250px,380px) 1fr;gap:15px;align-items:center;margin:20px 0 24px}.gallery-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:14px;padding:0 12px;background:#fff}.gallery-search svg{width:17px;color:#7a879e}.gallery-search input{width:100%;height:42px;border:0;outline:0;background:transparent;font:inherit;font-size:10px}.album-filter-row{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.album-filter{border:1px solid var(--line);background:#fff;color:#68758c;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800;cursor:pointer}.album-filter.active{background:#edf4ff;color:var(--blue);border-color:#a9c7f8}
.recent-services{margin-bottom:34px;padding:22px;border-radius:22px;background:linear-gradient(135deg,#fbf8ff,#f7fbff);border:1px solid #e3ddf8}.text-action{border:0;background:transparent;color:var(--blue);font-size:9px;font-weight:800;cursor:pointer}.home-personal-services{margin-top:18px;padding:16px;border:1px solid #dfe8f6;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#fff)}.personal-service-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:11px}.personal-service-head h3{margin:3px 0 0;font-size:17px}.personal-service-head>a{display:flex;align-items:center;gap:4px;font-size:8px;font-weight:800;color:var(--blue)}.personal-service-head>a svg{width:13px}.home-personal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.home-personal-card{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px 11px}.home-personal-card>svg:first-child{width:18px;color:var(--blue)}.home-personal-card>svg:last-child{width:13px;color:#8290a8}.home-personal-card span{min-width:0}.home-personal-card strong,.home-personal-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-personal-card strong{font-size:9px}.home-personal-card small{font-size:7px;color:var(--muted);margin-top:2px}
.section,.stats-section,.gallery-section{content-visibility:auto;contain-intrinsic-size:720px}.hero{content-visibility:visible;contain-intrinsic-size:auto}
@media(max-width:980px){.gallery-toolbar{grid-template-columns:1fr}.album-filter-row{justify-content:flex-start}.home-personal-grid{grid-template-columns:1fr 1fr}.search-summary{align-items:flex-start;flex-direction:column;gap:6px}}
@media(max-width:640px){.search-submit{display:none}.search-page-form{grid-template-columns:auto 1fr}.search-page-form .btn{grid-column:1/3;width:100%}.search-summary h2{font-size:22px}.full-search-item{grid-template-columns:40px 1fr;padding:12px}.full-search-icon{width:40px;height:40px}.full-search-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.full-search-item>.result-arrow{display:none}.gallery-toolbar{margin-top:14px}.album-filter-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.album-filter{white-space:nowrap}.recent-services{padding:16px;margin-bottom:23px}.home-personal-grid{grid-template-columns:1fr 1fr}.home-personal-card{grid-template-columns:27px 1fr;padding:9px}.home-personal-card>svg:last-child{display:none}.personal-service-head h3{font-size:15px}}
@media(max-width:390px){.home-personal-grid{grid-template-columns:1fr}}


/* V2.1–V2.3: baca nanti, direktori sekolah, status layanan, kalender gabungan */
.news-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.news-bookmark{width:34px;height:34px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#7b879d;display:grid;place-items:center;cursor:pointer;transition:.18s}.news-bookmark svg{width:16px}.news-bookmark:hover,.news-bookmark.active{color:var(--blue);background:#edf4ff;border-color:#b4cdf5}.news-bookmark.active svg{fill:currentColor}.filter-chip[data-filter="saved"]{display:inline-flex;align-items:center;gap:5px}.filter-chip[data-filter="saved"] svg{width:13px}.filter-chip[data-filter="saved"] span{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:rgba(20,89,217,.1);font-size:7px}.saved-news-empty{margin-top:20px}.article-bookmark.active{background:#e9f2ff;color:var(--blue);border-color:#a7c6f7}.article-bookmark.active svg{fill:currentColor}
.page-hero-directory{background:linear-gradient(135deg,#1549a8,#0ba89b)}.directory-toolbar{display:grid;grid-template-columns:minmax(280px,430px) 1fr;gap:16px;align-items:center;margin-bottom:24px}.directory-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 13px}.directory-search svg{width:17px;color:#75839b}.directory-search input{height:44px;width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:10px}.directory-filter-row{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.directory-filter{border:1px solid var(--line);background:#fff;color:#68758c;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800;cursor:pointer}.directory-filter.active{background:#edf4ff;color:var(--blue);border-color:#a9c7f8}.staff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.staff-card{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:15px;box-shadow:var(--shadow-sm)}.staff-avatar{width:52px;height:52px;flex:0 0 52px;border-radius:16px;display:grid;place-items:center;font-size:14px;font-weight:900;color:#fff;background:var(--blue)}.staff-avatar.accent-cyan{background:var(--cyan)}.staff-avatar.accent-green{background:var(--green)}.staff-avatar.accent-purple{background:var(--purple)}.staff-avatar.accent-orange{background:var(--orange)}.staff-avatar.accent-pink{background:var(--pink)}.staff-card span{font-size:7px;font-weight:900;color:var(--blue);text-transform:uppercase;letter-spacing:.07em}.staff-card h3{font-size:12px;line-height:1.35;margin:3px 0}.staff-card p{font-size:9px;color:var(--muted);margin:0}.staff-card small{display:flex;align-items:center;gap:4px;color:#607089;font-size:8px;margin-top:6px}.staff-card small svg{width:12px}.directory-facility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.facility-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:20px;box-shadow:var(--shadow-sm)}.facility-icon{width:46px;height:46px;border-radius:14px;background:#edf4ff;color:var(--blue);display:grid;place-items:center;margin-bottom:14px}.facility-icon svg{width:22px}.facility-card>span{font-size:7px;font-weight:900;color:var(--teal);text-transform:uppercase}.facility-card h3{font-size:17px;margin:4px 0 1px}.facility-card strong{font-size:9px;color:var(--blue)}.facility-card p{font-size:9px;color:var(--muted);margin:9px 0 0}.profile-directory-cta{margin-top:22px;padding:15px 16px;border:1px solid #d9e5f6;border-radius:16px;background:#f8fbff;display:flex;align-items:center;justify-content:space-between;gap:15px}.profile-directory-cta>div{display:flex;align-items:center;gap:10px}.profile-directory-cta>div>svg{width:26px;color:var(--blue)}.profile-directory-cta span strong,.profile-directory-cta span small{display:block}.profile-directory-cta span strong{font-size:11px}.profile-directory-cta span small{font-size:8px;color:var(--muted);margin-top:2px}
.page-hero-status{background:linear-gradient(135deg,#062e70,#3b5de7)}.status-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:18px}.status-summary-grid article{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;background:#fff;padding:17px;box-shadow:var(--shadow-sm)}.status-summary-grid svg{grid-row:1/3;width:30px;color:var(--blue)}.status-summary-grid strong{font-size:24px;line-height:1}.status-summary-grid span{font-size:8px;color:var(--muted);font-weight:800}.status-info-banner{display:flex;align-items:flex-start;gap:10px;background:#f5f9ff;border:1px solid #d6e5fb;border-radius:15px;padding:13px 15px;margin-bottom:23px}.status-info-banner svg{width:18px;color:var(--blue);flex:0 0 auto}.status-info-banner p{font-size:9px;color:#5e6d85;margin:0}.service-status-list{display:grid;gap:10px}.service-status-row{display:grid;grid-template-columns:50px 1fr auto;gap:15px;align-items:center;border:1px solid var(--line);border-radius:18px;background:#fff;padding:15px 17px;box-shadow:var(--shadow-sm)}.service-status-symbol{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#eef7f2;color:var(--green)}.service-status-symbol.waiting{background:#fff8e9;color:#a87614}.service-status-symbol.coming{background:#f2efff;color:var(--purple)}.service-status-symbol svg{width:23px}.service-status-row span{font-size:7px;font-weight:900;color:var(--blue);text-transform:uppercase}.service-status-row h2{font-size:14px;margin:2px 0}.service-status-row p{font-size:9px;color:var(--muted);margin:0}.service-status-action{display:flex;align-items:center;gap:8px}.status-pill{font-size:8px;font-weight:900;border-radius:999px;padding:7px 9px;white-space:nowrap}.status-pill.active{background:#eaf8f0;color:#16794a}.status-pill.waiting{background:#fff7e4;color:#8b6518}.status-pill.coming{background:#f0edff;color:#654ecb}.agenda-top-actions{display:flex;align-items:center;gap:9px}.agenda-top-actions>.btn{white-space:nowrap}
@media(max-width:980px){.staff-grid{grid-template-columns:repeat(2,1fr)}.directory-facility-grid{grid-template-columns:repeat(2,1fr)}.directory-toolbar{grid-template-columns:1fr}.directory-filter-row{justify-content:flex-start}.service-status-row{grid-template-columns:50px 1fr}.service-status-action{grid-column:2}.agenda-top-actions{align-items:flex-end;flex-direction:column}}
@media(max-width:640px){.staff-grid,.directory-facility-grid{grid-template-columns:1fr}.directory-filter-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.directory-filter{white-space:nowrap}.profile-directory-cta{align-items:flex-start;flex-direction:column}.status-summary-grid{grid-template-columns:1fr}.service-status-row{grid-template-columns:42px 1fr;padding:13px}.service-status-symbol{width:42px;height:42px}.service-status-action{grid-column:1/3;justify-content:flex-end}.agenda-top-actions{width:100%;align-items:stretch}.agenda-top-actions>.btn{justify-content:center}.news-bookmark{width:32px;height:32px}}


/* ===== V3.0.0 — Pusat Informasi, Ruang Saya, dan SPMB personal ===== */
.page-hero-information{background:linear-gradient(130deg,#0e55d8 0%,#4d66e8 46%,#0ba7a5 100%)}
.page-hero-myspace{background:linear-gradient(135deg,#3348b8 0%,#7454d5 50%,#13a1a3 100%)}
.info-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.info-summary-grid>a{position:relative;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow-sm);transition:.2s ease}.info-summary-grid>a:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.info-summary-grid>a>svg:first-child{width:40px;height:40px;padding:10px;border-radius:13px;background:#eef5ff;color:var(--blue)}.info-summary-grid>a span{display:flex;flex-direction:column;flex:1}.info-summary-grid>a strong{font-size:24px;line-height:1;color:var(--ink)}.info-summary-grid>a small{font-size:9px;color:var(--muted);margin-top:5px}.info-summary-grid>a>svg:last-child{width:17px;color:var(--blue)}
.info-announcement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.info-announcement-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px}.info-announcement-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#fff3dd;color:#d78308}.info-announcement-icon svg{width:22px}.info-announcement-card h3{font-size:15px;margin:0}.info-announcement-card p{font-size:10px;color:var(--muted);margin:0;flex:1}.info-announcement-card>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px}.info-announcement-card>div:last-child span,.info-announcement-card>div:last-child a{display:flex;align-items:center;gap:5px}.info-announcement-card>div:last-child a{font-weight:900;color:var(--blue)}
.info-news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.info-news-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm)}.info-news-card>a{display:block;aspect-ratio:16/10;overflow:hidden;background:#eef4fa}.info-news-card img{width:100%;height:100%;object-fit:cover;transition:.35s ease}.info-news-card:hover img{transform:scale(1.035)}.info-news-card>div{padding:15px}.info-news-card h3{font-size:13px;line-height:1.35;margin:6px 0}.info-news-card h3 a{color:inherit}.info-news-card p{font-size:9px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.info-news-card .news-meta{margin-top:12px}
.info-agenda-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-agenda-item{display:grid;grid-template-columns:60px 1fr 18px;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px 15px;color:inherit;box-shadow:var(--shadow-sm)}.info-agenda-item>div:nth-child(2)>span{font-size:7px;color:var(--blue);font-weight:900;text-transform:uppercase}.info-agenda-item h3{font-size:13px;margin:2px 0 5px}.info-agenda-item p{font-size:8px;color:var(--muted);margin:0;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.info-agenda-item p svg{width:13px}.info-agenda-item>svg{width:18px;color:#9babc2}
.myspace-section{background:linear-gradient(180deg,#f8fbff 0%,#fff 55%)}.myspace-privacy-note{display:flex;align-items:center;gap:14px;border:1px solid #d7e5fb;background:#f2f7ff;border-radius:18px;padding:15px 17px;margin-bottom:20px}.myspace-privacy-note>svg{width:28px;color:var(--blue);flex:0 0 auto}.myspace-privacy-note>div{flex:1}.myspace-privacy-note strong{font-size:11px}.myspace-privacy-note p{font-size:9px;color:var(--muted);margin:2px 0 0}.myspace-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.myspace-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow-sm)}.myspace-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.myspace-card-head h2{font-size:18px;margin:2px 0}.myspace-card-head p{font-size:9px;color:var(--muted);margin:4px 0 0}.myspace-card-head>a{display:flex;align-items:center;gap:4px;color:var(--blue);font-size:8px;font-weight:900;white-space:nowrap}.myspace-card-head>a svg{width:13px}.myspace-list,.myspace-service-list,.myspace-search-list{display:grid;gap:8px}.myspace-news-item,.myspace-service-item,.myspace-search-item{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:10px;color:inherit;background:#fbfdff}.myspace-news-item img{width:54px;height:45px;object-fit:cover;border-radius:10px}.myspace-news-item span,.myspace-service-item span{display:flex;flex-direction:column;min-width:0;flex:1}.myspace-news-item strong,.myspace-service-item strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.myspace-news-item small,.myspace-service-item small{font-size:7px;color:var(--muted);margin-top:2px}.myspace-news-item>svg,.myspace-service-item>svg{width:15px;color:#9cabbe}.myspace-service-item>.myspace-service-icon{width:34px;height:34px;border-radius:11px;background:#eef5ff;color:var(--blue);display:grid;place-items:center;flex:0 0 auto}.myspace-service-item>.myspace-service-icon svg{width:17px}.myspace-search-item{justify-content:space-between;font-size:9px;font-weight:800}.myspace-search-item svg{width:14px;color:var(--blue)}.myspace-empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:84px;border:1px dashed #cfd9e7;border-radius:14px;color:var(--muted);font-size:9px;text-align:center}.myspace-empty svg{width:18px}.myspace-empty[hidden]{display:none}.myspace-spmb{margin-top:16px}.myspace-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.myspace-checklist label,.spmb-device-checklist label{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:14px;padding:11px 12px;background:#fbfdff;cursor:pointer}.myspace-checklist input,.spmb-device-checklist input{width:17px;height:17px;accent-color:var(--blue)}.myspace-checklist span,.spmb-device-checklist span{font-size:9px;font-weight:700}.spmb-device-checklist{display:grid;gap:8px;margin-top:14px}.spmb-device-checklist label span{display:flex;align-items:center;gap:8px}.spmb-device-checklist label span svg{width:16px;color:#94a5bb}.spmb-device-checklist label:has(input:checked){border-color:#b7d8c4;background:#f0fbf5}.spmb-device-checklist label:has(input:checked) span svg{color:var(--green)}.spmb-progress-wrap{margin-top:14px}.spmb-progress-wrap>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:var(--muted);margin-bottom:7px}.spmb-progress-wrap strong{color:var(--blue)}.spmb-progress{height:8px;background:#e9eff7;border-radius:999px;overflow:hidden}.spmb-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),#11a7a5);border-radius:inherit;transition:width .25s ease}
@media(max-width:980px){.info-summary-grid{grid-template-columns:repeat(2,1fr)}.info-news-grid{grid-template-columns:repeat(2,1fr)}.info-announcement-grid{grid-template-columns:1fr}.myspace-grid{grid-template-columns:1fr}}
@media(max-width:640px){.info-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.info-summary-grid>a{padding:13px 12px;border-radius:16px}.info-summary-grid>a strong{font-size:20px}.info-announcement-card{padding:16px}.info-news-grid{grid-template-columns:1fr}.info-news-card{display:grid;grid-template-columns:118px 1fr}.info-news-card>a{height:100%;aspect-ratio:auto}.info-news-card>div{padding:12px}.info-news-card p{display:none}.info-agenda-list{grid-template-columns:1fr}.myspace-privacy-note{align-items:flex-start;flex-wrap:wrap}.myspace-privacy-note .btn{width:100%;justify-content:center}.myspace-card{padding:16px;border-radius:18px}.myspace-checklist{grid-template-columns:1fr}.myspace-card-head h2{font-size:16px}}
/* V5.0 dynamic homepage */
.home-sections{display:flex;flex-direction:column}.home-sections>.hero,.home-sections>.announcement-wrap,.home-sections>.section,.home-sections>.stats-section{width:100%}

/* V6.0 public extensions */
.public-form-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;font-size:13px}.public-form-alert svg{width:19px;height:19px;flex:0 0 auto}.public-form-alert.success{background:#e9fbf1;color:#176b45}.public-form-alert.error{background:#fff0f0;color:#9b2929}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.staff-photo{width:76px;height:76px;border-radius:22px;object-fit:cover;background:#edf4ff;border:1px solid #dfe8f5}

/* V7.0.0 — halaman dinamis dan popup pengumuman */
.custom-page-layout{max-width:920px}.custom-page-content{padding:clamp(22px,4vw,42px)}.custom-page-content>p{font-size:14px;line-height:1.9;color:#394861;margin:0 0 1.25em}.custom-page-meta{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.custom-page-meta span{display:flex;align-items:center;gap:7px}.custom-page-meta svg{width:15px}.school-popup-backdrop{position:fixed;inset:0;background:rgba(5,20,48,.54);backdrop-filter:blur(5px);z-index:4100;opacity:0;transition:.22s}.school-popup-backdrop.show{opacity:1}.school-popup{position:fixed;left:50%;top:50%;width:min(520px,calc(100% - 32px));transform:translate(-50%,-44%) scale(.97);z-index:4101;background:#fff;border-radius:28px;padding:30px;box-shadow:0 32px 100px rgba(4,25,65,.32);opacity:0;pointer-events:none;transition:.24s}.school-popup.show{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.school-popup-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:0;border-radius:12px;background:#f1f5fb;color:var(--navy);display:grid;place-items:center;cursor:pointer}.school-popup-close svg{width:18px}.school-popup-icon{width:58px;height:58px;border-radius:19px;background:linear-gradient(135deg,#fff0d4,#ffe1a4);color:#c97805;display:grid;place-items:center;margin-bottom:18px}.school-popup-icon svg{width:27px}.school-popup h2{font-size:25px;line-height:1.25;margin:12px 0 10px;color:var(--navy)}.school-popup p{color:var(--muted);font-size:12px;line-height:1.75;margin:0}.school-popup-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.school-popup-actions .btn{font-size:10px}.dynamic-profile-list{display:grid;gap:10px;margin-top:14px}.dynamic-profile-list li{display:flex;gap:10px;align-items:flex-start}.dynamic-profile-list li::before{content:'✓';width:24px;height:24px;flex:0 0 24px;border-radius:8px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.profile-upload-image{width:100%;max-width:300px;max-height:300px;object-fit:contain;border-radius:18px;border:1px solid var(--line);background:#f8fbff;padding:8px}
@media(max-width:640px){.custom-page-content{padding:20px}.custom-page-content>p{font-size:12px}.school-popup{padding:24px 20px;border-radius:22px}.school-popup h2{font-size:21px}.school-popup-actions{display:grid}.school-popup-actions .btn{width:100%;justify-content:center}}

/* V8.0 academic calendar & service maturity */
.service-audience{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px;margin-top:8px}.service-audience svg{width:13px}.service-status.maintenance,.status-pill.maintenance{background:#fff4df;color:#9a6411}.edu-calendar-top{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#f8fbff,#fff);margin-bottom:16px}.edu-calendar-top h2{font-size:30px;margin:4px 0}.edu-calendar-top p{margin:0;color:var(--muted)}.edu-year-filter{display:grid;gap:7px;min-width:190px}.edu-year-filter label{font-size:9px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.edu-year-filter select{border:1px solid var(--line);border-radius:12px;background:#fff;padding:11px 12px;color:var(--ink);font-weight:800}.semester-banner{display:flex;align-items:center;gap:12px;padding:15px 17px;border-radius:16px;background:#eef6ff;color:#164b92;margin-bottom:16px}.semester-banner>svg{width:24px}.semester-banner strong{display:block;font-size:12px}.semester-banner p{margin:2px 0 0;font-size:9px}.edu-category-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.edu-category-summary span{display:flex;align-items:center;gap:7px;padding:8px 11px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:9px;color:var(--muted)}.edu-category-summary strong{font-size:12px;color:var(--blue)}.education-calendar-list{display:grid;gap:12px}.education-calendar-item{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:18px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.education-calendar-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--blue)}.education-calendar-item.accent-cyan:before{background:#13a9c7}.education-calendar-item.accent-green:before{background:#28a66a}.education-calendar-item.accent-purple:before{background:#7659d9}.education-calendar-item.accent-orange:before{background:#ee9a2d}.education-calendar-item.accent-pink:before{background:#db5d97}.education-date{width:64px;height:64px;border-radius:16px;background:#edf4ff;color:var(--blue);display:grid;place-items:center;align-content:center}.education-date strong{font-size:25px;line-height:1}.education-date span{font-size:8px;font-weight:900;letter-spacing:.1em;margin-top:4px}.education-copy h2{font-size:18px;margin:6px 0}.education-copy>p{color:var(--muted);margin:6px 0 0}.education-range{display:flex;align-items:center;gap:6px;font-size:10px;color:#4d6286!important}.education-range svg{width:15px}.education-meta{display:flex;gap:6px;flex-wrap:wrap}.education-meta span{font-size:8px;font-weight:800;padding:4px 7px;border-radius:999px;background:var(--soft);color:#62718a}
@media(max-width:700px){.edu-calendar-top{align-items:flex-start;flex-direction:column}.edu-year-filter{width:100%}.education-calendar-item{grid-template-columns:56px 1fr;padding:14px;gap:12px}.education-date{width:52px;height:52px;border-radius:14px}.education-date strong{font-size:21px}.education-copy h2{font-size:15px}.edu-category-summary{gap:6px}}
@media(min-width:981px){.status-summary-grid{grid-template-columns:repeat(4,1fr)}}
.service-status-symbol.maintenance{background:#fff4df;color:#9a6411}

.schedule-public-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.schedule-class-picker{min-width:220px;display:grid;gap:6px}.schedule-class-picker label{font-size:11px;font-weight:850;color:var(--muted)}.schedule-class-picker select{border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fff}.schedule-day-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.schedule-day-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm)}.schedule-day-card>header{padding:14px 16px;background:linear-gradient(135deg,#edf4ff,#f5fbff);display:flex;justify-content:space-between;align-items:center}.schedule-day-card>header span{font-size:16px;font-weight:900}.schedule-day-card>header strong{font-size:10px;color:var(--muted)}.schedule-rows{display:grid}.schedule-row{display:grid;grid-template-columns:100px 1fr;gap:14px;padding:14px 16px;border-top:1px solid var(--line)}.schedule-row:first-child{border-top:0}.schedule-time strong{display:block;color:var(--blue);font-size:11px}.schedule-time span{font-size:10px;color:var(--muted)}.schedule-subject h3{font-size:14px;margin:0 0 4px}.schedule-subject p{font-size:10px;color:var(--muted);margin:0;display:flex;align-items:center;gap:5px}.schedule-subject small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.program-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.program-public-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.program-public-card>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin-bottom:16px}.program-public-card h2{font-size:20px;margin:8px 0}.program-public-card p{color:var(--muted);font-size:12px;line-height:1.7}.program-public-card .program-icon{margin-bottom:10px}
@media(max-width:900px){.schedule-day-grid,.program-public-grid{grid-template-columns:1fr 1fr}.schedule-public-head{align-items:stretch;flex-direction:column}.schedule-class-picker{min-width:0;width:100%}}
@media(max-width:640px){.schedule-day-grid,.program-public-grid{grid-template-columns:1fr}.schedule-row{grid-template-columns:80px 1fr;padding:12px}.schedule-day-card>header{padding:12px 14px}}