:root{--navy-950:#040d1a;--navy-900:#06152b;--navy-850:#091c36;--navy-800:#0e2445;--navy-700:#14325e;--navy-600:#1d4580;--blue-600:#0052cc;--blue-500:#06f;--blue-400:#2980fe;--blue-300:#60a5fa;--blue-200:#93c5fd;--blue-100:#dbeafe;--blue-50:#eff6ff;--ice-bg:#e2effb;--ice-card:#f3f8fd;--electric:#06f;--electric-hover:#0052cc;--electric-glow:#0066ff59;--white:#fff;--text-main:#0a192f;--text-muted:#4b6282;--text-subtle:#738cae;--text-light:#e2eaf4;--text-light-muted:#94acc9;--bg-page:#06152b;--bg-surface:#fff;--bg-surface-subtle:#f4f8fd;--bg-surface-elevated:#fff;--bg-surface-glass:#ffffffd9;--border-light:#0066ff1a;--border-subtle:#0066ff29;--border-white:#ffffffa6;--shadow-sm:0 2px 8px #06152b0d;--shadow-md:0 8px 24px #06152b14;--shadow-lg:0 20px 48px -12px #06152b24;--shadow-blue:0 12px 36px #0066ff38;--shadow-float:0 24px 50px -10px #06152b33;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--r-xs:6px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-2xl:48px;--r-full:9999px;--t-fast:.18s cubic-bezier(.4, 0, .2, 1);--t-normal:.3s cubic-bezier(.4, 0, .2, 1);--t-spring:.55s cubic-bezier(.16, 1, .3, 1);--primary-purple:#06f;--primary-purple-hover:#0052cc;--primary-purple-dark:#003d99;--primary-purple-light:#eff6ff;--primary-purple-border:#bfdbfe;--accent-gold:#f59e0b;--emerald-500:#10b981;--emerald-100:#d1fae5;--emerald-600:#059669;--primary-600:#0052cc;--primary-700:#003d99}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);color:#111827;-webkit-font-smoothing:antialiased;background-color:#fff;line-height:1.6}body{color:#111827;background-color:#fff;min-height:100vh;overflow-x:hidden}[data-theme=dark] html,[data-theme=dark] body{background-color:var(--navy-900);color:var(--text-light)}a{color:inherit;transition:all var(--t-fast);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.025em;line-height:1.15}@keyframes floatMascot{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.015)}}@keyframes floatCardLeft{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(-1deg)}}@keyframes floatCardRight{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-16px)rotate(1deg)}}@keyframes floatPhone{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(1deg)}}@keyframes flutterBird{0%,to{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-9px)rotate(4deg)scale(1.05)}}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spinGlobe{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@keyframes radarPing{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}@keyframes shimmerCard{0%{transform:translate(-150%)skew(-20deg)}to{transform:translate(250%)skew(-20deg)}}.reveal,.section-header-center:not(.visible),.section-center-head:not(.visible),.profile-tabs-wrapper:not(.visible),.card-box:not(.visible),.facility-feature-row:not(.visible),.ppdb-banner-card:not(.visible),.ppdb-step-card:not(.visible),.checklist-container:not(.visible),.teachers-control-bar:not(.visible),.teacher-card:not(.visible),.news-card:not(.visible),.agenda-column-card:not(.visible),.agenda-item:not(.visible),.ekskul-card:not(.visible),.serve-card:not(.visible),.pillar-mini-card:not(.visible),.trust-partner-strip:not(.visible),.scroll-down-reset{will-change:opacity, transform;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);opacity:0!important;transform:translateY(44px)!important}.reveal-left:not(.visible),.headmaster-media-card:not(.visible),.contact-info-card:not(.visible),.section-two-left:not(.visible),.hero-card-left:not(.visible),.reveal-left.scroll-down-reset,.headmaster-media-card.scroll-down-reset,.contact-info-card.scroll-down-reset,.section-two-left.scroll-down-reset{will-change:opacity, transform;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);opacity:0!important;transform:translate(-48px)translateY(10px)!important}.reveal-right:not(.visible),.headmaster-content-col:not(.visible),.contact-form-card:not(.visible),.contact-form-box:not(.visible),.student-showcase-stage:not(.visible),.hero-card-right-col:not(.visible),.reveal-right.scroll-down-reset,.headmaster-content-col.scroll-down-reset,.contact-form-card.scroll-down-reset,.contact-form-box.scroll-down-reset,.student-showcase-stage.scroll-down-reset{will-change:opacity, transform;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);opacity:0!important;transform:translate(48px)translateY(10px)!important}.reveal-scale:not(.visible),.grow-navy-container:not(.visible),.hero-center-mascot-wrap:not(.visible),.reveal-scale.scroll-down-reset,.grow-navy-container.scroll-down-reset{will-change:opacity, transform;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);opacity:0!important;transform:scale(.92)translateY(24px)!important}.reveal.visible,.section-header-center.visible,.section-center-head.visible,.profile-tabs-wrapper.visible,.card-box.visible,.facility-feature-row.visible,.ppdb-banner-card.visible,.ppdb-step-card.visible,.checklist-container.visible,.teachers-control-bar.visible,.teacher-card.visible,.news-card.visible,.agenda-column-card.visible,.agenda-item.visible,.ekskul-card.visible,.serve-card.visible,.pillar-mini-card.visible,.trust-partner-strip.visible,.headmaster-media-card.visible,.headmaster-content-col.visible,.contact-info-card.visible,.contact-form-card.visible,.contact-form-box.visible,.section-two-left.visible,.student-showcase-stage.visible,.grow-navy-container.visible,.hero-card-left.visible,.camplify-hero-left.visible,.camplify-phone-stage.visible,.camplify-stat-ribbon.visible,.feature-section-header.visible,.camplify-feature-card.visible,.hero-center-mascot-wrap.visible,.hero-card-right-col.visible,.reveal-left.visible,.reveal-right.visible,.reveal-scale.visible{opacity:1!important;transform:translateY(0)translate(0)scale(1)!important}.teacher-card.visible:hover,.ekskul-card.visible:hover,.news-card.visible:hover,.serve-card.visible:hover,.card-box.visible:hover,.pillar-mini-card.visible:hover,.ppdb-step-card.visible:hover{transform:translateY(-8px)scale(1.015)!important}.scroll-up-reset{opacity:0!important;transition:none!important;transform:translateY(-38px)scale(.98)!important}.reveal-left.scroll-up-reset,.headmaster-media-card.scroll-up-reset,.contact-info-card.scroll-up-reset,.section-two-left.scroll-up-reset,.hero-card-left.scroll-up-reset{opacity:0!important;transition:none!important;transform:translate(-35px)translateY(-20px)!important}.reveal-right.scroll-up-reset,.headmaster-content-col.scroll-up-reset,.contact-form-card.scroll-up-reset,.contact-form-box.scroll-up-reset,.student-showcase-stage.scroll-up-reset,.hero-card-right-col.scroll-up-reset{opacity:0!important;transition:none!important;transform:translate(35px)translateY(-20px)!important}.reveal-scale.scroll-up-reset,.grow-navy-container.scroll-up-reset,.hero-center-mascot-wrap.scroll-up-reset{opacity:0!important;transition:none!important;transform:scale(.92)translateY(-24px)!important}.teachers-grid>:first-child,.ppdb-steps-grid>:first-child,.who-we-serve-grid>:first-child,.ekskul-grid>:first-child{transition-delay:50ms}.teachers-grid>:nth-child(2),.ppdb-steps-grid>:nth-child(2),.who-we-serve-grid>:nth-child(2),.ekskul-grid>:nth-child(2){transition-delay:.12s}.teachers-grid>:nth-child(3),.ppdb-steps-grid>:nth-child(3),.who-we-serve-grid>:nth-child(3),.ekskul-grid>:nth-child(3){transition-delay:.19s}.teachers-grid>:nth-child(4),.ppdb-steps-grid>:nth-child(4),.who-we-serve-grid>:nth-child(4),.ekskul-grid>:nth-child(4){transition-delay:.26s}.teachers-grid>:nth-child(5),.ekskul-grid>:nth-child(5){transition-delay:.33s}.teachers-grid>:nth-child(6),.ekskul-grid>:nth-child(6){transition-delay:.4s}.news-cards-list>:first-child{transition-delay:50ms}.news-cards-list>:nth-child(2){transition-delay:.14s}.news-cards-list>:nth-child(3){transition-delay:.23s}.news-cards-list>:nth-child(4){transition-delay:.32s}.agenda-items-list>:first-child{transition-delay:60ms}.agenda-items-list>:nth-child(2){transition-delay:.12s}.agenda-items-list>:nth-child(3){transition-delay:.18s}.agenda-items-list>:nth-child(4){transition-delay:.24s}.delay-1{transition-delay:80ms}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}.delay-5{transition-delay:.4s}.scroll-progress-bar{z-index:9999;pointer-events:none;background:linear-gradient(90deg,#06f 0%,#00d2ff 60%,#f59e0b 100%);width:0%;height:3.5px;transition:width 80ms ease-out;position:fixed;top:0;left:0;box-shadow:0 0 12px #06fc,0 0 4px #00d2ffe6}.btn-scroll-top{z-index:950;-webkit-backdrop-filter:blur(16px);color:#fff;border-radius:var(--r-full);cursor:pointer;opacity:0;visibility:hidden;background:#06152be0;border:1.5px solid #0066ff59;align-items:center;gap:8px;padding:10px 18px;font-size:.825rem;font-weight:800;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:28px;right:28px;transform:translateY(20px)scale(.9);box-shadow:0 8px 26px #0066ff59}.btn-scroll-top.show{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.btn-scroll-top:hover{background:var(--blue-500);border-color:#fff;transform:translateY(-4px)scale(1.05);box-shadow:0 12px 32px #0066ff8c}.btn-scroll-top .arrow-icon{font-size:1.1rem;font-weight:900;animation:2s ease-in-out infinite bounceArrow;display:inline-block}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.site-header{transition:transform .38s cubic-bezier(.16,1,.3,1),background .3s,box-shadow .3s}.site-header.nav-hidden{transform:translateY(-110%)}.site-header.nav-visible-up{background:#06152bf5;border-bottom:1px solid #0066ff59;transform:translateY(0);box-shadow:0 12px 36px #0066ff40}.top-ticker{color:#94a3b8;z-index:1001;background:linear-gradient(90deg,#040d1a 0%,#06152b 50%,#091c36 100%);border-bottom:1px solid #0066ff2e;padding:8px 32px;font-size:.8rem;font-weight:500;position:relative}.ticker-content{align-items:center;gap:14px;width:100%;max-width:1440px;margin:0 auto;display:flex}.ticker-badge{background:var(--blue-500);color:#fff;border-radius:var(--r-full);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;align-items:center;gap:6px;padding:3px 12px;font-size:.68rem;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #0066ff59}.ticker-beacon{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulseBeacon;box-shadow:0 0 6px #fff}@keyframes pulseBeacon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.ticker-text{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ticker-links{white-space:nowrap;flex-shrink:0;align-items:center;gap:14px;margin-left:auto;display:flex}.ticker-link{color:#60a5fa;transition:all var(--t-fast);align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.ticker-link:hover{color:#fff;text-decoration:underline}.ticker-divider{opacity:.3}.ticker-location{color:#fbbf24;font-size:.8rem;font-weight:600}.site-header{z-index:1000;-webkit-backdrop-filter:blur(20px);transition:all var(--t-normal);background:#fffffff5;border-bottom:1px solid #00000012;position:sticky;top:0;box-shadow:0 2px 14px #00000008}.site-header.scrolled{background:#fffffffa;box-shadow:0 4px 24px #0000000f}.header-container{justify-content:space-between;align-items:center;gap:20px;max-width:1440px;margin:0 auto;padding:14px 32px;display:flex}.brand-wrapper{flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex;white-space:nowrap!important}.brand-icon-mark{width:44px;min-width:44px;height:44px;transition:transform var(--t-spring);background:#fff;border:1.5px solid #0066ff29;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0066ff1f}.brand-icon-mark img{object-fit:contain;width:28px;height:28px}.brand-wrapper:hover .brand-icon-mark{transform:scale(1.08)rotate(-4deg)}.brand-name-text{color:#0f172a;font-size:1.35rem;font-weight:800;font-family:var(--font-heading);letter-spacing:-.025em;align-items:baseline;gap:5px;display:flex;white-space:nowrap!important}.brand-accent{color:var(--blue-500)}.nav-menu{flex-shrink:1;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:#475569;border-radius:var(--r-full);transition:color var(--t-fast), background var(--t-fast);padding:8px 12px;font-size:.88rem;font-weight:600;text-decoration:none;position:relative;white-space:nowrap!important}.nav-link:hover{color:var(--blue-500);background:#0066ff0d}.nav-link.active{color:#0f172a;font-weight:700}.nav-link.active:after{content:"";background:var(--blue-500);border-radius:var(--r-full);width:18px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex;white-space:nowrap!important}.btn-icon-theme{color:#334155;width:38px;min-width:38px;height:38px;transition:all var(--t-fast);cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1rem;display:flex}.btn-icon-theme:hover{background:#e2e8f0;transform:scale(1.05)}.btn-camplify-pill-dark{border-radius:var(--r-full);transition:all var(--t-fast);cursor:pointer;background:#0f172a;border:none;flex-shrink:0;align-items:center;gap:6px;padding:9px 18px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #0f172a29;color:#fff!important;white-space:nowrap!important}.btn-camplify-pill-dark:hover{background:var(--blue-500);transform:translateY(-2px);box-shadow:0 6px 20px #0066ff59}.btn-camplify-pill-ghost{border-radius:var(--r-full);transition:all var(--t-fast);background:#fff;border:1.5px solid #cbd5e1;flex-shrink:0;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex;color:#0f172a!important;white-space:nowrap!important}.btn-camplify-pill-ghost:hover{border-color:var(--blue-500);background:#eff6ff;transform:translateY(-2px);color:var(--blue-500)!important}.btn-mobile-toggle{border-radius:var(--r-md);color:#0f172a;background:#f1f5f9;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:1.25rem;display:none}@media (width<=1200px){.nav-link{padding:6px 9px;font-size:.82rem}.header-container{gap:12px;padding:12px 20px}}@media (width<=1024px){.nav-menu{display:none}.btn-mobile-toggle{display:flex}}.camplify-hero-section{background:linear-gradient(#fff 0%,#f8faff 100%);padding:48px 24px 80px;position:relative;overflow:hidden}.camplify-hero-container{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;max-width:1280px;margin:0 auto;display:grid}.camplify-hero-left{max-width:620px}.camplify-spark-badge{color:var(--blue-500);border-radius:var(--r-full);background:#eff6ff;border:1px solid #bfdbfe;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:.825rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #0066ff14}.spark-icon{color:var(--blue-500);font-size:1rem}.camplify-hero-title{font-family:var(--font-heading);color:#111827;letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(2.8rem,5.2vw,4.4rem);font-weight:800;line-height:1.08}.camplify-title-highlight{color:#111827;display:inline-block;position:relative}.camplify-doodle-underline{pointer-events:none;width:100%;height:22px;position:absolute;bottom:-10px;left:0}.camplify-hero-desc{color:#64748b;max-width:520px;margin-bottom:32px;font-size:1.1rem;line-height:1.7}.camplify-cta-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.camplify-social-proof{border-top:1px solid #e2e8f0;align-items:center;gap:16px;margin-top:36px;padding-top:24px;display:flex}.camplify-avatars{align-items:center;display:flex}.camplify-avatars img,.avatar-more{border-radius:var(--r-full);object-fit:cover;border:2.5px solid #fff;width:42px;height:42px;box-shadow:0 2px 8px #0000001a}.camplify-avatars img:not(:first-child),.avatar-more{margin-left:-12px}.avatar-more{background:var(--blue-500);color:#fff;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.proof-count{color:#111827;font-size:.95rem}.proof-count strong{color:var(--blue-500);font-weight:800}.proof-rating{color:#d97706;font-size:.8rem;font-weight:700}.camplify-phone-stage{justify-content:center;align-items:center;min-height:560px;display:flex;position:relative}.camplify-phone-backdrop{filter:blur(35px);z-index:1;pointer-events:none;background:radial-gradient(circle,#bfdbfe99 0%,#e0f2fe4d 50%,#0000 75%);border-radius:50%;width:420px;height:500px;position:absolute}.doodle-swoop-trail{z-index:2;pointer-events:none;width:380px;height:380px;position:absolute}.doodle-bird{z-index:15;pointer-events:none;filter:drop-shadow(0 2px 4px #06f3);position:absolute}.bird-top-left{width:36px;animation:3.2s ease-in-out infinite flutterBird;top:15px;left:20px}.bird-top-right{width:30px;animation:3.8s ease-in-out .7s infinite flutterBird;top:40px;right:35px}.bird-mid-right{width:24px;animation:4.2s ease-in-out 1.4s infinite flutterBird;bottom:110px;right:15px}.camplify-glass-pill{z-index:20;-webkit-backdrop-filter:blur(16px);border-radius:var(--r-full);-webkit-user-select:none;user-select:none;background:#fffffff2;border:1.5px solid #ffffffe6;align-items:center;gap:12px;padding:10px 18px;display:flex;position:absolute;box-shadow:0 16px 36px #0066ff26,0 2px 8px #0000000a}.pill-top-right{animation:4.5s ease-in-out infinite floatBadge;top:45px;right:-15px}.pill-bottom-left{animation:5s ease-in-out 1.2s infinite floatBadge;bottom:60px;left:-20px}.pill-check-icon{color:#fff;border-radius:var(--r-full);background:#10b981;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex}.pill-star-icon{border-radius:var(--r-full);background:#f59e0b;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;display:flex}.pill-title{color:#111827;font-size:.85rem;font-weight:800}.pill-subtitle{color:#64748b;font-size:.72rem;font-weight:600}.camplify-phone-chassis{z-index:10;cursor:pointer;width:290px;height:580px;transform-style:preserve-3d;background:#0f172a;border-radius:44px;padding:10px;animation:6s ease-in-out infinite floatPhone;position:relative;box-shadow:0 25px 60px -10px #0f172a59,inset 0 0 0 1px #ffffff26,0 10px 30px #0066ff2e}.phone-dynamic-notch{border-radius:var(--r-full);z-index:30;background:#0f172a;justify-content:flex-end;align-items:center;width:80px;height:18px;padding-right:8px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.phone-camera-lens{border-radius:var(--r-full);background:#1e293b;border:1px solid #334155;width:8px;height:8px}.camplify-phone-screen{box-sizing:border-box;color:#0f172a;background:#f8fafc;border-radius:36px;flex-direction:column;width:100%;height:100%;padding:10px 12px;display:flex;overflow:hidden}.screen-status-bar{color:#0f172a;justify-content:space-between;align-items:center;padding:4px 6px 6px;font-size:.7rem;font-weight:700;display:flex}.screen-app-bar{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:6px 4px 10px;display:flex}.app-brand-mini{align-items:center;gap:8px;display:flex}.mini-app-logo{object-fit:contain;width:24px;height:24px}.app-school-name{color:#0f172a;font-size:.8rem;font-weight:800;font-family:var(--font-heading)}.app-sub-status{color:#10b981;font-size:.65rem;font-weight:700}.app-bell-icon{font-size:.85rem}.app-greeting-card{color:#fff;background:linear-gradient(135deg,#06f,#0052cc);border-radius:16px;margin-top:8px;padding:12px;box-shadow:0 6px 16px #0066ff40}.greeting-badge{border-radius:var(--r-full);background:#fff3;margin-bottom:6px;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.app-greeting-card h4{margin-bottom:4px;font-size:.85rem;font-weight:800;line-height:1.25}.app-greeting-card p{opacity:.9;font-size:.68rem;line-height:1.35}.app-section-label{color:#334155;justify-content:space-between;align-items:center;margin:10px 2px 6px;font-size:.72rem;font-weight:800;display:flex}.app-see-all{color:var(--blue-500);font-size:.68rem;font-weight:700}.app-program-slider{grid-template-columns:1fr 1fr;gap:8px;display:grid}.app-program-mini-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #0000000a}.program-mini-thumb{height:52px;position:relative;overflow:hidden}.program-mini-thumb img{object-fit:cover;width:100%;height:100%}.mini-tag{color:#fff;background:#0066ffd9;border-radius:4px;padding:2px 6px;font-size:.55rem;font-weight:800;position:absolute;top:4px;right:4px}.program-mini-info{padding:6px}.program-mini-info h5{color:#0f172a;font-size:.68rem;font-weight:800;line-height:1.2}.program-mini-info span{color:#64748b;font-size:.58rem;display:block}.app-schedule-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:8px;display:flex;box-shadow:0 2px 6px #0000000a}.schedule-calendar-icon{font-size:1.1rem}.schedule-details{flex:1}.schedule-title{color:#0f172a;font-size:.68rem;font-weight:800}.schedule-time{color:#64748b;font-size:.58rem}.schedule-live-pill{color:#15803d;border-radius:var(--r-full);background:#dcfce7;padding:2px 6px;font-size:.6rem;font-weight:800}.app-bottom-dock{color:#64748b;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-around;align-items:center;margin-top:auto;padding:8px 4px 2px;font-size:1rem;display:flex}.dock-item.active{color:var(--blue-500)}.dock-center{background:var(--blue-500);color:#fff;border-radius:var(--r-full);justify-content:center;align-items:center;width:28px;height:28px;margin-top:-8px;font-size:.75rem;display:flex;box-shadow:0 4px 10px #0066ff4d}.camplify-stat-ribbon{color:#fff;background:#06f;padding:38px 24px;box-shadow:0 16px 36px #0066ff38}.stat-ribbon-container{text-align:center;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:grid}.stat-ribbon-col{text-align:left;justify-content:center;align-items:center;gap:16px;display:flex}.stat-ribbon-num{font-family:var(--font-heading);color:#fff;letter-spacing:-.02em;font-size:clamp(2.4rem,4vw,3.4rem);font-weight:800;line-height:1}.stat-ribbon-label{color:#ffffffe6;font-size:.9rem;font-weight:600;line-height:1.35}.stat-ribbon-divider{background:#ffffff40;width:1px;height:48px}.camplify-feature-section{background:#fff;max-width:1280px;margin:0 auto;padding:80px 24px 70px}.feature-section-header{text-align:center;max-width:720px;margin:0 auto 50px}.spark-ray-doodle{color:var(--blue-500);letter-spacing:.15em;margin-bottom:8px;font-size:1.3rem;font-weight:800}.feature-section-title{font-family:var(--font-heading);color:#111827;letter-spacing:-.025em;margin-bottom:14px;font-size:clamp(2.2rem,3.8vw,3rem);font-weight:800;line-height:1.15}.feature-section-subtitle{color:#64748b;margin-bottom:28px;font-size:1.05rem;line-height:1.65}.camplify-search-banner{border-radius:var(--r-full);max-width:580px;transition:border-color var(--t-fast), box-shadow var(--t-fast);background:#fff;border:1.5px solid #e2e8f0;align-items:center;gap:12px;margin:0 auto;padding:6px 8px 6px 20px;display:flex;box-shadow:0 10px 30px #0000000d}.camplify-search-banner:focus-within{border-color:var(--blue-500);box-shadow:0 12px 36px #0066ff26}.search-icon-pill{opacity:.7;font-size:1rem}.camplify-search-banner input{color:#111827;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.btn-search-pill{background:var(--blue-500);color:#fff;border-radius:var(--r-full);cursor:pointer;transition:all var(--t-fast);border:none;padding:10px 24px;font-size:.875rem;font-weight:700;box-shadow:0 4px 12px #0066ff40}.btn-search-pill:hover{background:#0052cc;transform:translateY(-1px)}.camplify-feature-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.camplify-feature-card{background:#fff;border:1.5px solid #f1f5f9;border-radius:24px;flex-direction:column;padding:34px 28px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 24px #0000000a}.camplify-feature-card:hover{border-color:#bfdbfe;transform:translateY(-8px);box-shadow:0 20px 48px #0066ff1f}.feature-card-icon-3d{border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:22px;display:flex;overflow:hidden}.icon-globe{background:#eff6ff;border:1px solid #bfdbfe}.icon-globe img{object-fit:cover;width:100%;height:100%}.icon-backpack{background:#fef3c7;border:1px solid #fde68a}.icon-ticket{background:#ede9fe;border:1px solid #ddd6fe}.feature-badge-emoji{font-size:2rem}.camplify-feature-card h3{font-family:var(--font-heading);color:#111827;margin-bottom:12px;font-size:1.35rem;font-weight:700}.camplify-feature-card p{color:#64748b;flex:1;margin-bottom:22px;font-size:.925rem;line-height:1.65}.feature-card-link{color:var(--blue-500);transition:gap var(--t-fast);align-items:center;gap:6px;font-size:.9rem;font-weight:700;display:inline-flex}.camplify-feature-card:hover .feature-card-link{gap:10px}.trust-partner-strip{background:#fff;border-bottom:1px solid #0066ff14;padding:32px 24px}.trust-title{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em;text-align:center;margin-bottom:20px;font-size:.8rem;font-weight:700}.trust-logos-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 28px;display:flex}.trust-badge-item{color:var(--navy-900);border-radius:var(--r-full);background:var(--blue-50);transition:all var(--t-fast);border:1px solid #0066ff1f;align-items:center;gap:8px;padding:8px 22px;font-size:.875rem;font-weight:700;display:flex}.trust-badge-item:hover{border-color:var(--blue-500);box-shadow:var(--shadow-sm);background:#fff;transform:translateY(-2px)}.headmaster-section{background:#f8fafc;border-top:1px solid #0066ff14;padding:100px 24px}.headmaster-grid{grid-template-columns:380px 1fr;align-items:center;gap:60px;max-width:1240px;margin:0 auto;display:grid}.headmaster-media-card{position:relative}.headmaster-frame{border-radius:var(--r-xl);box-shadow:var(--shadow-lg);aspect-ratio:4/5;background:var(--blue-100);border:4px solid #fff;overflow:hidden}.headmaster-frame img{object-fit:cover;width:100%;height:100%}.headmaster-badge-float{border-radius:var(--r-lg);box-shadow:var(--shadow-float);text-align:center;background:#fff;border:1px solid #0066ff1a;padding:14px 20px;position:absolute;bottom:-20px;left:20px;right:20px}.headmaster-name{color:var(--navy-900);font-size:.95rem;font-weight:800}.headmaster-role{color:var(--blue-600);font-size:.75rem;font-weight:700}.quote-highlight{color:var(--navy-900);border-left:4px solid var(--blue-500);margin:20px 0 24px;padding-left:20px;font-size:1.25rem;font-style:italic;font-weight:700;line-height:1.55}.headmaster-body-text{color:var(--text-muted);font-size:.95rem;line-height:1.75}.key-pillars-mini{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;display:grid}.pillar-mini-card{border-radius:var(--r-md);transition:all var(--t-fast);background:#fff;border:1px solid #0066ff1f;padding:16px}.pillar-mini-card:hover{border-color:var(--blue-500);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.pillar-mini-card h4{color:var(--navy-900);margin-bottom:6px;font-size:.9rem;font-weight:800}.pillar-mini-card p{color:var(--text-muted);font-size:.78rem;line-height:1.45}.section-pad{background:#fff;padding:100px 24px;position:relative}#profil{background:#fff;border-top:1px solid #0066ff14}.section-container{max-width:1240px;margin:0 auto}.section-header-center{text-align:center;max-width:720px;margin:0 auto 48px}.section-badge{background:var(--blue-50);border:1px solid var(--blue-200);color:var(--blue-600);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-full);align-items:center;gap:8px;margin-bottom:12px;padding:6px 16px;font-size:.75rem;font-weight:800;display:inline-flex}.section-title{margin-bottom:14px;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:900;color:#06152b!important}.section-subtitle{font-size:1.05rem;line-height:1.65;color:#4b6282!important}.profile-tabs-wrapper{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;display:flex}.profile-tab-btn{border-radius:var(--r-full);color:var(--text-muted);border:1.5px solid var(--blue-200);transition:all var(--t-fast);background:#fff;padding:10px 26px;font-size:.875rem;font-weight:700}.profile-tab-btn.active{background:var(--blue-500);color:#fff;border-color:var(--blue-500);box-shadow:0 4px 16px var(--electric-glow)}.profile-tab-btn:hover:not(.active){border-color:var(--blue-500);color:var(--blue-600);background:var(--blue-50)}.tab-pane{animation:.35s tabFadeIn;display:none}.tab-pane.active{display:block}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.visi-misi-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.card-box{border-radius:var(--r-xl);box-shadow:var(--shadow-sm);transition:all var(--t-fast);background:#fff;border:1px solid #0066ff1a;padding:36px}.card-box:hover{box-shadow:var(--shadow-md);border-color:var(--blue-500)}.card-box h3{color:var(--navy-900);margin-bottom:16px;font-size:1.35rem;font-weight:800}.styled-list{flex-direction:column;gap:12px;list-style:none;display:flex}.styled-list li{color:var(--text-muted);align-items:flex-start;gap:12px;font-size:.95rem;display:flex}.check-icon{color:#16a34a;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;font-size:.75rem;font-weight:800;display:flex}.facility-feature-row{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;display:grid}.facility-img-frame{border-radius:var(--r-xl);box-shadow:var(--shadow-lg);aspect-ratio:4/3;background:var(--blue-100);overflow:hidden}.facility-img-frame img{object-fit:cover;width:100%;height:100%}.facilities-grid-badges{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.facility-badge-item{background:var(--blue-50);border:1px solid var(--blue-200);border-radius:var(--r-md);color:var(--navy-900);transition:all var(--t-fast);padding:12px 14px;font-size:.85rem;font-weight:700}.facility-badge-item:hover{border-color:var(--blue-500);color:var(--blue-600);background:#fff;transform:translateY(-2px)}.ppdb-section{background:#f4f8fd}.ppdb-banner-card{background:linear-gradient(135deg, var(--navy-900) 0%, var(--navy-850) 60%, var(--navy-800) 100%);border-radius:var(--r-2xl);box-shadow:var(--shadow-lg);border:1px solid #ffffff1a;grid-template-columns:1fr auto;align-items:center;gap:40px;margin-bottom:48px;padding:52px 48px;display:grid;position:relative;overflow:hidden}.ppdb-banner-card:before{content:"";filter:blur(60px);background:#0066ff2e;border-radius:50%;width:300px;height:300px;position:absolute;top:-50px;right:-50px}.ppdb-banner-info{z-index:1;position:relative}.ppdb-banner-info h3{color:#fff;margin-bottom:14px;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:900}.ppdb-banner-info p{color:var(--text-light-muted);font-size:.95rem;line-height:1.7}.countdown-box{z-index:1;text-align:center;position:relative}.countdown-timer-units{gap:12px;margin-top:14px;display:flex}.time-unit{border-radius:var(--r-md);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff24;padding:12px 16px}.unit-val{color:#fff;font-size:2rem;font-weight:900;font-family:var(--font-heading);line-height:1;display:block}.unit-tag{color:var(--blue-200);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.ppdb-steps-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:48px;display:grid}.ppdb-step-card{border-radius:var(--r-xl);text-align:center;transition:all var(--t-spring);background:#fff;border:1px solid #0066ff1a;padding:32px 24px}.ppdb-step-card:hover{border-color:var(--blue-500);box-shadow:var(--shadow-blue);transform:translateY(-6px)}.step-num-bubble{background:var(--blue-500);color:#fff;width:50px;height:50px;box-shadow:0 6px 20px var(--electric-glow);font-size:1.35rem;font-weight:900;font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.ppdb-step-card h4{color:var(--navy-900);margin-bottom:8px;font-size:1.05rem;font-weight:800}.ppdb-step-card p{color:var(--text-muted);font-size:.825rem;line-height:1.55}.checklist-container{border-radius:var(--r-xl);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #0066ff1a;padding:36px}.checklist-items-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.check-item-label{background:var(--blue-50);border:1.5px solid var(--blue-200);border-radius:var(--r-md);cursor:pointer;color:var(--navy-900);transition:all var(--t-fast);align-items:center;gap:12px;padding:14px 18px;font-size:.875rem;font-weight:600;display:flex}.check-item-label:hover{border-color:var(--blue-500);color:var(--blue-600);background:#fff}.check-item-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue-500);flex-shrink:0}#checklistScore{background:var(--blue-50);border-radius:var(--r-full);color:var(--blue-600);border:1px solid var(--blue-200);padding:8px 18px;font-size:.875rem;font-weight:800}.teachers-control-bar{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.search-input-wrapper{max-width:500px;position:relative}.search-icon-svg{color:var(--text-subtle);pointer-events:none;font-size:1rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input-wrapper input{border-radius:var(--r-full);border:1.5px solid var(--blue-200);width:100%;font-family:var(--font-body);color:var(--navy-900);transition:all var(--t-fast);background:#fff;outline:none;padding:14px 18px 14px 46px;font-size:.9rem}.search-input-wrapper input:focus{border-color:var(--blue-500);box-shadow:0 0 0 4px #0066ff1f}.filter-pills-row{flex-wrap:wrap;gap:8px;display:flex}.pill-btn{border-radius:var(--r-full);color:var(--text-muted);border:1.5px solid var(--blue-200);transition:all var(--t-fast);background:#fff;padding:8px 20px;font-size:.8rem;font-weight:700}.pill-btn.active,.pill-btn:hover{background:var(--blue-500);color:#fff;border-color:var(--blue-500);box-shadow:0 4px 12px var(--electric-glow)}#guru{background:#f4f8fd;border-top:1px solid #0066ff14;border-bottom:1px solid #0066ff14;position:relative}#siswa{background:#fff;border-bottom:1px solid #0066ff14;position:relative}#guru .section-title,#siswa .section-title{color:#06152b!important}#guru .section-subtitle,#siswa .section-subtitle{color:#4b6282!important}.teachers-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.teacher-card,.teacher-card-item{border-radius:var(--r-xl);text-align:center;transition:all var(--t-spring);flex-direction:column;align-items:center;padding:30px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #06152b0d;background:#fff!important;border:1px solid #0066ff1f!important}.teacher-card:before,.teacher-card-item:before{content:"";background:linear-gradient(90deg, var(--blue-500), #00c6ff);opacity:0;height:4px;transition:opacity var(--t-fast);position:absolute;top:0;left:0;right:0}.teacher-card:hover,.teacher-card-item:hover{transform:translateY(-8px);box-shadow:0 18px 40px #0066ff29;border-color:var(--blue-500)!important}.teacher-card:hover:before,.teacher-card-item:hover:before{opacity:1}.teacher-avatar-circle,.teacher-avatar{background:linear-gradient(135deg, var(--blue-600), #00c6ff);width:76px;height:76px;box-shadow:0 8px 24px var(--electric-glow);font-size:1.55rem;font-weight:800;font-family:var(--font-heading);letter-spacing:.05em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 auto 16px;display:flex;color:#fff!important}.teacher-avatar img{object-fit:cover;width:100%;height:100%}.teacher-name{letter-spacing:-.01em;margin-bottom:6px;font-size:1.05rem;font-weight:800;line-height:1.35;color:#06152b!important}.teacher-subject{margin-bottom:6px;font-size:.85rem;font-weight:600;line-height:1.4;color:var(--blue-600)!important}.teacher-nip{border-radius:var(--r-full);background:#f1f5f9;border:1px solid #e2e8f0;margin-top:6px;padding:5px 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.725rem;display:inline-block;color:#475569!important}.teacher-badge-wrapper{margin-top:10px}.teacher-badge-pill{color:#0052cc;border-radius:var(--r-full);background:#eff6ff;border:1px solid #bfdbfe;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.student-card{align-items:stretch!important}.student-avatar-circle{color:#fff;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;font-size:1.5rem;display:flex;box-shadow:0 6px 18px #f59e0b59}.student-nisn-badge{border-radius:var(--r-xs);color:#475569;background:#f1f5f9;padding:4px 10px;font-family:monospace;font-size:.75rem;font-weight:700}.student-status-badge{color:#059669;border-radius:var(--r-full);background:#ecfdf5;border:1px solid #a7f3d0;padding:4px 10px;font-size:.75rem;font-weight:800}.student-achievement-box{border-radius:var(--r-md);color:#1e3a8a;text-align:center;background:#eff6ff;border:1px dashed #93c5fd;margin-top:12px;padding:12px;font-size:.85rem;font-weight:600}.student-nisn{color:var(--text-subtle);margin-top:8px;font-family:monospace;font-size:.7rem}#berita{background:#f8fafc;border-top:1px solid #0066ff14;border-bottom:1px solid #0066ff14;position:relative}#berita .section-title{color:#06152b!important}#berita .section-subtitle{color:#4b6282!important}.news-agenda-grid{grid-template-columns:1fr 380px;align-items:start;gap:32px;display:grid}.news-cards-list{flex-direction:column;gap:20px;display:flex}.news-card,.news-card-item{border-radius:var(--r-xl);transition:all var(--t-spring);cursor:pointer;background:#fff;border:1px solid #0066ff1a;grid-template-columns:200px 1fr;display:grid;overflow:hidden;box-shadow:0 4px 18px #06152b0a}.news-card:hover,.news-card-item:hover{border-color:var(--blue-500);transform:translateY(-4px)translate(4px);box-shadow:0 16px 36px #0066ff29}.news-thumb-box,.news-img-block{background:linear-gradient(135deg, var(--navy-850), var(--navy-700));min-height:160px;position:relative;overflow:hidden}.news-thumb-box img,.news-img-block img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.news-card:hover .news-thumb-box img,.news-card-item:hover .news-img-block img{transform:scale(1.06)}.news-category-tag,.news-cat-badge{background:var(--blue-500);color:#fff;border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.06em;z-index:2;padding:4px 12px;font-size:.7rem;font-weight:800;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #06f6}.news-card-body,.news-body{flex-direction:column;justify-content:center;padding:22px 24px;display:flex}.news-date{color:#64748b;align-items:center;gap:6px;margin-bottom:8px;font-size:.78rem;font-weight:600;display:flex}.news-title{color:#06152b;transition:color var(--t-fast);margin-bottom:10px;font-size:1.125rem;font-weight:800;line-height:1.4}.news-card:hover .news-title{color:var(--blue-600)}.news-excerpt{color:#4b6282;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.news-read-more{color:var(--blue-600);transition:all var(--t-fast);align-items:center;gap:6px;font-size:.85rem;font-weight:800;display:inline-flex}.news-card:hover .news-read-more{color:var(--blue-500);gap:10px}.agenda-column-card{border-radius:var(--r-xl);background:#fff;border:1px solid #0066ff1f;padding:28px 24px;position:sticky;top:90px;box-shadow:0 6px 24px #06152b0d}.agenda-column-card h3{color:#06152b;border-bottom:1px solid #0066ff14;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;font-size:1.2rem;font-weight:800;display:flex}.agenda-items-list{flex-direction:column;gap:14px;display:flex}.agenda-item,.agenda-item-row{border-radius:var(--r-md);transition:all var(--t-fast);background:#f8fafc;border:1px solid #0066ff0f;align-items:flex-start;gap:16px;padding:14px 12px;display:flex}.agenda-item:hover,.agenda-item-row:hover{background:var(--blue-50);border-color:var(--blue-200);transform:translate(4px)}.agenda-date-box{text-align:center;border:1.5px solid var(--blue-300);border-radius:var(--r-md);background:#fff;flex-shrink:0;width:54px;padding:8px 4px;box-shadow:0 2px 8px #0066ff14}.agenda-day{color:var(--blue-600);font-size:1.5rem;font-weight:900;line-height:1;font-family:var(--font-heading);display:block}.agenda-month{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.7rem;font-weight:800;display:block}.agenda-info,.agenda-body{flex:1}.agenda-info h4,.agenda-title{color:#06152b;margin-bottom:4px;font-size:.95rem;font-weight:800;line-height:1.35}.agenda-info p,.agenda-desc{color:#64748b;font-size:.8rem;line-height:1.5}.ekskul-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.ekskul-card{background:linear-gradient(135deg, var(--navy-900) 0%, var(--navy-800) 100%);border-radius:var(--r-xl);transition:all var(--t-spring);border:1px solid #ffffff14;padding:32px 28px;position:relative;overflow:hidden}.ekskul-card:before{content:"";filter:blur(35px);background:#06f3;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-30px;right:-30px}.ekskul-card:hover{border-color:#0066ff73;transform:translateY(-8px);box-shadow:0 24px 48px #00000059}.ekskul-icon-wrap{border-radius:var(--r-md);background:#0066ff40;border:1px solid #06f6;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;font-size:2.2rem;display:flex}.ekskul-card h4{color:#fff;margin-bottom:8px;font-size:1.1rem;font-weight:800}.ekskul-card p{color:var(--text-light-muted);font-size:.85rem;line-height:1.6}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.contact-info-wrapper{flex-direction:column;gap:16px;display:flex}.contact-info-block{background:var(--blue-50);border-radius:var(--r-lg);border:1px solid var(--blue-200);transition:all var(--t-fast);align-items:flex-start;gap:16px;padding:18px 22px;display:flex}.contact-info-block:hover{border-color:var(--blue-500);box-shadow:var(--shadow-sm);background:#fff}.contact-icon-box{border-radius:var(--r-md);background:var(--blue-500);color:#fff;width:44px;height:44px;box-shadow:0 4px 14px var(--electric-glow);flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.contact-lbl{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:800}.contact-val{color:var(--navy-900);margin-top:2px;font-size:.9rem;font-weight:700}.contact-wa-link{color:#fff;border-radius:var(--r-lg);transition:all var(--t-fast);background:#22c55e;align-items:center;gap:12px;padding:16px 24px;font-size:.95rem;font-weight:800;display:flex;box-shadow:0 8px 24px #22c55e59}.contact-wa-link:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 12px 28px #22c55e73}.contact-form-box{background:var(--blue-50);border-radius:var(--r-xl);border:1px solid var(--blue-200);padding:36px}.contact-form-box h3{color:var(--navy-900);margin-bottom:6px;font-size:1.35rem;font-weight:900}.contact-form-box .sub-label{color:var(--text-muted);margin-bottom:24px;font-size:.875rem;display:block}.form-group{margin-bottom:18px}.form-group label{color:var(--navy-900);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.78rem;font-weight:800;display:block}.form-group input,.form-group select,.form-group textarea{border-radius:var(--r-md);border:1.5px solid var(--blue-200);width:100%;font-family:var(--font-body);color:var(--navy-900);transition:all var(--t-fast);resize:vertical;background:#fff;outline:none;padding:12px 16px;font-size:.9rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 4px #0066ff1f}.btn-submit-full{background:var(--blue-500);color:#fff;border-radius:var(--r-md);width:100%;box-shadow:0 6px 20px var(--electric-glow);transition:all var(--t-fast);justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px;font-size:1rem;font-weight:800;display:flex}.btn-submit-full:hover{background:var(--blue-600);transform:translateY(-2px);box-shadow:0 10px 28px #0066ff73}dialog{border:none;margin:auto;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(8px);background:#040d1ad1}dialog.admin-dashboard-modal{border-radius:var(--r-xl);background:#fff;flex-direction:column;width:95vw;max-width:1260px;height:90vh;max-height:860px;display:none;overflow:hidden;box-shadow:0 30px 90px #0009,0 0 0 1px #ffffff1f}dialog.admin-dashboard-modal[open]{animation:.3s cubic-bezier(.16,1,.3,1) modalScaleIn;display:flex!important}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.94)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}.admin-header-bar{color:#fff;background:linear-gradient(135deg,#040d1a,#0e2445);border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.admin-header-title{align-items:center;gap:14px;display:flex}.admin-header-title h3{color:#fff;font-size:1.15rem;font-weight:800;line-height:1.2}.admin-status-badge{color:#34d399;border-radius:var(--r-full);background:#10b98129;border:1px solid #10b98159;align-items:center;gap:6px;padding:5px 14px;font-size:.725rem;font-weight:800;display:inline-flex}#adminLogoutBtn{color:#fff;border-radius:var(--r-sm);transition:all var(--t-fast);cursor:pointer;background:#ffffff1f;border:1px solid #fff3;padding:7px 16px;font-size:.8rem;font-weight:700}#adminLogoutBtn:hover{background:#ef4444;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.modal-close-btn{color:#fff;cursor:pointer;width:34px;height:34px;transition:all var(--t-fast);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.modal-close-btn:hover{background:#ffffff47;transform:scale(1.06)}.admin-layout-container{background:#fff;flex:1;grid-template-columns:260px 1fr;display:grid;overflow:hidden}.admin-sidebar-menu{background:#06152b;border-right:1px solid #ffffff14;flex-direction:column;gap:6px;padding:20px 12px;display:flex;overflow-y:auto}.admin-menu-btn{border-radius:var(--r-md);color:#94acc9;text-align:left;transition:all var(--t-fast);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.85rem;font-weight:700;display:flex}.admin-menu-btn:hover{color:#fff;background:#ffffff14}.admin-menu-btn.active{background:var(--blue-500);color:#fff;box-shadow:0 4px 16px var(--electric-glow)}.admin-main-view{background:#f8fafc;flex:1;padding:28px 32px;position:relative;overflow-y:auto}.admin-tab-content{display:none}.admin-tab-content.active{animation:.25s ease-out fadeInTab;display:block}@keyframes fadeInTab{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.admin-view-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-view-title h3{color:var(--navy-900);margin-bottom:4px;font-size:1.35rem;font-weight:900}.admin-view-title p{color:var(--text-muted);font-size:.85rem}.admin-overview-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.admin-stat-card{border-radius:var(--r-lg);transition:transform var(--t-fast);background:#fff;border:1px solid #0066ff1f;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 4px 16px #06152b0a}.admin-stat-card:hover{border-color:var(--blue-500);transform:translateY(-3px)}.admin-stat-icon{border-radius:var(--r-md);background:var(--blue-50);border:1px solid var(--blue-200);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex}.admin-stat-info h4{color:var(--navy-900);font-size:1.85rem;font-weight:900;line-height:1;font-family:var(--font-heading)}.admin-stat-info span{color:var(--text-muted);font-size:.775rem;font-weight:700}.admin-table-wrapper{border-radius:var(--r-lg);background:#fff;border:1px solid #0066ff1a;overflow-x:auto;box-shadow:0 4px 16px #06152b0a}.admin-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.admin-data-table thead tr{background:#f1f5f9;border-bottom:1.5px solid #e2e8f0}.admin-data-table th{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:14px 18px;font-size:.75rem;font-weight:800}.admin-data-table tbody tr{transition:background var(--t-fast);border-bottom:1px solid #f1f5f9}.admin-data-table tbody tr:hover{background:#f8fafc}.admin-data-table td{color:var(--navy-900);vertical-align:middle;padding:14px 18px}.admin-data-table code{background:var(--blue-50);color:var(--blue-600);border:1px solid var(--blue-200);border-radius:6px;padding:3px 8px;font-family:monospace;font-size:.8rem}.admin-row-actions{align-items:center;gap:8px;display:flex}.btn-action-edit{background:var(--blue-50);color:var(--blue-600);border:1px solid var(--blue-200);border-radius:var(--r-xs);cursor:pointer;transition:all var(--t-fast);padding:6px 12px;font-size:.75rem;font-weight:700}.btn-action-edit:hover{background:var(--blue-500);color:#fff;border-color:var(--blue-500)}.btn-action-delete{color:#ef4444;border-radius:var(--r-xs);cursor:pointer;transition:all var(--t-fast);background:#fef2f2;border:1px solid #fecaca;padding:6px 12px;font-size:.75rem;font-weight:700}.btn-action-delete:hover{color:#fff;background:#ef4444;border-color:#ef4444}.btn-admin-add{background:var(--blue-500);color:#fff;border-radius:var(--r-md);cursor:pointer;box-shadow:0 4px 14px var(--electric-glow);transition:all var(--t-fast);border:none;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:800;display:inline-flex}.btn-admin-add:hover{background:var(--blue-600);transform:translateY(-2px);box-shadow:0 8px 20px #06f6}dialog.admin-form-modal,dialog.custom-modal{border-radius:var(--r-xl);background:#fff;width:90vw;max-width:540px;padding:0;display:none;overflow:hidden;box-shadow:0 25px 60px #00000073}dialog.admin-form-modal[open],dialog.custom-modal[open]{animation:.3s cubic-bezier(.16,1,.3,1) modalScaleIn;display:block!important}.admin-form-modal .modal-header,.custom-modal .modal-header{background:linear-gradient(135deg,#040d1a,#0e2445);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.admin-form-modal .modal-header h3,.custom-modal .modal-header h3{color:#fff;font-size:1.15rem;font-weight:800}.admin-form-modal .modal-body,.custom-modal .modal-body{max-height:80vh;padding:26px;overflow-y:auto}.form-grid-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.btn-submit-form{background:var(--blue-500);color:#fff;border-radius:var(--r-md);cursor:pointer;width:100%;box-shadow:0 4px 16px var(--electric-glow);transition:all var(--t-fast);border:none;padding:13px 24px;font-size:.95rem;font-weight:800}.btn-submit-form:hover{background:var(--blue-600);transform:translateY(-2px);box-shadow:0 8px 24px #06f6}.cms-demo-trigger-float{display:none!important}.site-footer{color:#e2e8f0;z-index:10;background:#06152b;border-top:1px solid #ffffff14;padding:72px 24px 36px;position:relative}.footer-top-grid{border-bottom:1px solid #ffffff1a;grid-template-columns:1.8fr 1fr 1fr 1.3fr;gap:48px;max-width:1280px;margin:0 auto;padding-bottom:48px;display:grid}.footer-col-about{flex-direction:column;display:flex}.footer-brand-wrap{align-items:center;gap:12px;margin-bottom:16px;display:flex}.footer-brand-icon{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:6px;display:flex}.footer-brand-icon img{object-fit:contain;width:100%;height:100%}.footer-brand-text{flex-direction:column;display:flex}.footer-school-name{font-family:var(--font-heading);color:#fff;letter-spacing:-.01em;font-size:1.25rem;font-weight:800}.footer-school-location{color:#94a3b8;font-size:.825rem;font-weight:500}.footer-about-desc{color:#94a3b8;max-width:400px;margin-bottom:24px;font-size:.925rem;line-height:1.7}.footer-social-row{align-items:center;gap:10px;display:flex}.social-btn{border-radius:var(--r-md);color:#fff;width:38px;height:38px;transition:all var(--t-fast);background:#ffffff0f;border:1px solid #ffffff1f;justify-content:center;align-items:center;font-size:1rem;text-decoration:none;display:flex}.social-btn:hover{background:var(--blue-500);border-color:var(--blue-500);transform:translateY(-2px);box-shadow:0 4px 14px #06f6}.footer-col h4{font-family:var(--font-heading);color:#fff;letter-spacing:-.01em;margin-bottom:20px;font-size:1.05rem;font-weight:800;display:inline-block;position:relative}.footer-col h4:after{content:"";background:var(--blue-500);border-radius:var(--r-full);width:24px;height:2px;position:absolute;bottom:-6px;left:0}.footer-links-list{flex-direction:column;gap:11px;display:flex;margin:0!important;padding:0!important;list-style:none!important}.footer-links-list li{margin:0!important;padding:0!important;list-style:none!important}.footer-links-list li a{color:#94a3b8;transition:all var(--t-fast);align-items:center;gap:6px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.footer-links-list li a:hover{color:#38bdf8;transform:translate(4px)}.footer-admin-link{color:#fbbf24;border-radius:var(--r-full);cursor:pointer;transition:all var(--t-fast);background:#f59e0b1f;border:1px solid #f59e0b4d;align-items:center;gap:6px;margin-top:4px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.footer-admin-link:hover{color:#06152b;background:#f59e0b;transform:translateY(-1px)}.footer-legal-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:20px}.legal-badge-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.legal-badge-pill{border-radius:var(--r-full);color:#60a5fa;background:#06f3;border:1px solid #0066ff59;padding:4px 10px;font-size:.72rem;font-weight:800}.legal-badge-pill.pill-gold{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}.footer-domain-block{margin-bottom:12px}.domain-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.75rem;display:block}.footer-domain-link{color:#38bdf8;transition:color var(--t-fast);font-size:.925rem;font-weight:700;text-decoration:none;display:inline-block}.footer-domain-link:hover{color:#fff;text-decoration:underline}.footer-binaan-text{color:#64748b;border-top:1px solid #ffffff0f;margin-top:10px;padding-top:10px;font-size:.8rem;line-height:1.5}.footer-bottom-bar{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:32px auto 0;font-size:.85rem;display:flex}.footer-copy-text strong{color:#e2e8f0}.footer-tagline-text{color:#94a3b8;align-items:center;gap:8px;display:flex}.toast-notice,.toast-notification{color:#fff;border-radius:var(--r-full);z-index:99999;opacity:0;pointer-events:none;background:#06152b;border:1px solid #06f6;align-items:center;gap:10px;padding:12px 26px;font-size:.875rem;font-weight:700;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 20px 50px #00000080,0 4px 16px #0066ff4d}.toast-notice.show,.toast-notification.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.btn-scroll-top{z-index:900;-webkit-backdrop-filter:blur(16px);color:#fff;border-radius:var(--r-full);transition:all var(--t-fast);opacity:0;pointer-events:none;background:#06152be0;border:1.5px solid #0066ff59;align-items:center;gap:6px;padding:10px 18px;font-size:.8rem;font-weight:700;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 24px #00000040}.btn-scroll-top.visible{opacity:1;pointer-events:auto}.btn-scroll-top:hover{background:var(--blue-500);border-color:var(--blue-500);transform:translateY(-2px)}@media (width<=1024px){.footer-top-grid{grid-template-columns:1fr 1fr;gap:36px}}@media (width<=640px){.footer-top-grid{grid-template-columns:1fr;gap:32px}.footer-bottom-bar{text-align:center;flex-direction:column;gap:12px}.btn-scroll-top{padding:8px 14px;bottom:20px;right:20px}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5000;background:#040d1ab3;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-box{border-radius:var(--r-xl);width:100%;max-width:540px;max-height:90vh;box-shadow:var(--shadow-float);background:#fff;border:1px solid #0066ff1f;animation:.35s cubic-bezier(.16,1,.3,1) modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid #0066ff14;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.modal-header h3{color:var(--navy-900);font-size:1.25rem;font-weight:900}.modal-close{border-radius:var(--r-full);background:var(--blue-50);width:32px;height:32px;color:var(--text-muted);transition:all var(--t-fast);justify-content:center;align-items:center;font-size:1rem;display:flex}.modal-close:hover{color:#ef4444;background:#fee2e2}.modal-body{padding:28px}.mobile-nav-drawer{z-index:2000;display:none;position:fixed;inset:0}.mobile-nav-drawer.open{display:block}.mobile-nav-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040d1ab3;position:absolute;inset:0}.mobile-nav-panel{background:var(--navy-900);width:300px;height:100%;padding:28px;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-8px 0 32px #0006}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-nav-close{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.mobile-nav-links{flex-direction:column;gap:6px;list-style:none;display:flex}.mobile-nav-links a{border-radius:var(--r-md);color:var(--text-light-muted);transition:all var(--t-fast);padding:12px 18px;font-size:.95rem;font-weight:700;display:block}.mobile-nav-links a:hover{color:#fff;background:#ffffff14}[data-theme=dark] .payrot-section-white,[data-theme=dark] .who-we-serve-section,[data-theme=dark] .trust-partner-strip,[data-theme=dark] .payrot-grow-section,[data-theme=dark] #siswa{background:var(--navy-950)!important}[data-theme=dark] #guru{border-color:#ffffff14;background:var(--navy-900)!important}[data-theme=dark] .card-box,[data-theme=dark] .serve-card,[data-theme=dark] .teacher-card,[data-theme=dark] .teacher-card-item,[data-theme=dark] .student-card-item,[data-theme=dark] .news-card-item,[data-theme=dark] .agenda-column-card,[data-theme=dark] .ppdb-step-card,[data-theme=dark] .checklist-container,[data-theme=dark] .admin-sidebar-nav,[data-theme=dark] .admin-panel-card,[data-theme=dark] .admin-login-card,[data-theme=dark] .admin-stat-card,[data-theme=dark] .admin-table-wrapper,[data-theme=dark] .hero-sculpted-bottom-bar{background:var(--navy-850)!important;border-color:#ffffff1a!important}[data-theme=dark] .teacher-card:hover,[data-theme=dark] .teacher-card-item:hover{box-shadow:0 16px 40px #0066ff47;border-color:var(--blue-400)!important}[data-theme=dark] dialog.admin-dashboard-modal,[data-theme=dark] .admin-layout-container{background:var(--navy-900)!important}[data-theme=dark] .admin-main-view{background:var(--navy-950)!important}[data-theme=dark] .admin-view-title h3{color:#fff!important}[data-theme=dark] .admin-view-title p{color:var(--text-light-muted)!important}[data-theme=dark] .admin-stat-info h4{color:#fff!important}[data-theme=dark] .admin-data-table th{background:var(--navy-900);color:var(--text-light-muted);border-bottom-color:#ffffff14}[data-theme=dark] .admin-data-table td{border-bottom-color:#ffffff0f;color:#fff!important}[data-theme=dark] .admin-data-table tr:hover td{background:#ffffff0a}[data-theme=dark] .section-title,[data-theme=dark] .section-two-title,[data-theme=dark] .serve-card h3,[data-theme=dark] .card-box h3,[data-theme=dark] .teacher-name,[data-theme=dark] .student-name,[data-theme=dark] .news-title,[data-theme=dark] .agenda-title,[data-theme=dark] .ppdb-step-card h4,[data-theme=dark] .stat-highlight-num,[data-theme=dark] .service-text-desc h4,[data-theme=dark] .admin-panel-card h4,[data-theme=dark] .section-center-head h2,[data-theme=dark] .headmaster-name,[data-theme=dark] .pillar-mini-card h4,[data-theme=dark] .contact-val,[data-theme=dark] .contact-form-box h3,[data-theme=dark] .form-group label,[data-theme=dark] .check-item-label{color:#fff!important}[data-theme=dark] .section-subtitle,[data-theme=dark] .section-two-desc,[data-theme=dark] .serve-card p,[data-theme=dark] .styled-list li,[data-theme=dark] .news-excerpt,[data-theme=dark] .agenda-desc,[data-theme=dark] .ppdb-step-card p,[data-theme=dark] .stat-highlight-lbl,[data-theme=dark] .service-text-desc p,[data-theme=dark] .section-center-head p,[data-theme=dark] .headmaster-body-text,[data-theme=dark] .pillar-mini-card p{color:var(--text-light-muted)!important}[data-theme=dark] .teacher-subject{color:var(--blue-300)!important}[data-theme=dark] .teacher-nip{color:var(--blue-200)!important;background:#ffffff14!important;border-color:#ffffff1f!important}[data-theme=dark] .student-grade{color:var(--text-light-muted)!important}[data-theme=dark] .headmaster-section,[data-theme=dark] .ppdb-section,[data-theme=dark] .admin-section,[data-theme=dark] #berita,[data-theme=dark] #profil,[data-theme=dark] #guru,[data-theme=dark] #siswa,[data-theme=dark] #ekskul,[data-theme=dark] #kontak{background:var(--navy-900)!important}[data-theme=dark] .news-card,[data-theme=dark] .news-card-item,[data-theme=dark] .agenda-column-card{background:var(--navy-850)!important;border-color:#ffffff14!important}[data-theme=dark] .agenda-item,[data-theme=dark] .agenda-item-row{background:var(--navy-800)!important;border-color:#ffffff0f!important}[data-theme=dark] .agenda-date-box{background:var(--navy-700)!important;border-color:var(--blue-500)!important}[data-theme=dark] .agenda-info h4{color:#fff!important}[data-theme=dark] .agenda-info p{color:var(--text-light-muted)!important}[data-theme=dark] .headmaster-badge-float,[data-theme=dark] .pillar-mini-card,[data-theme=dark] .contact-form-box,[data-theme=dark] .contact-info-block{background:var(--navy-850)!important;border-color:#ffffff14!important}[data-theme=dark] .search-input-wrapper input,[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--navy-800);color:#fff;border-color:#ffffff26}[data-theme=dark] .pill-btn,[data-theme=dark] .profile-tab-btn{background:var(--navy-800);color:var(--text-light-muted);border-color:#ffffff1f}[data-theme=dark] .pill-btn.active,[data-theme=dark] .profile-tab-btn.active{background:var(--blue-500);color:#fff}@media (width<=1080px){.hero-stage-grid{grid-template-columns:1fr;gap:36px;padding:20px 20px 50px}.hero-card-left,.hero-card-right-col{align-items:center;max-width:360px;margin:0 auto}.section-two-grid{grid-template-columns:1fr;gap:40px}.who-we-serve-grid{grid-template-columns:repeat(2,1fr)}.teachers-grid{grid-template-columns:repeat(3,1fr)}.headmaster-grid{grid-template-columns:1fr}.headmaster-media-card{max-width:360px}.hero-sculpted-bottom-bar{text-align:center;grid-template-columns:1fr}.bottom-bar-right,.bottom-bar-left{justify-content:center}.ppdb-banner-card{grid-template-columns:1fr}.ppdb-steps-grid{grid-template-columns:repeat(2,1fr)}.news-agenda-grid,.admin-dashboard{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}}@media (width<=768px){.nav-menu,.btn-cta-blue,.btn-cta-purple{display:none}.btn-mobile-toggle{display:flex}.hero-canvas-top-bar{display:none}.hero-watermark-title{font-size:3.5rem}.teachers-grid{grid-template-columns:repeat(2,1fr)}.who-we-serve-grid,.visi-misi-grid,.ekskul-grid,.key-pillars-mini,.checklist-items-grid,.ppdb-steps-grid,.news-card,.news-card-item{grid-template-columns:1fr}.news-thumb-box,.news-img-block{min-height:180px}.footer-top{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column}}@media (width<=480px){.teachers-grid{grid-template-columns:1fr}.smart-id-card{width:100%}.mascot-image-container{width:260px;height:300px}}[data-theme=dark] .site-header{background:#06152bf0;border-bottom:1px solid #ffffff14}[data-theme=dark] .brand-name-text{color:#fff}[data-theme=dark] .brand-icon-mark{background:#091c36;border-color:#ffffff1a}[data-theme=dark] .nav-link{color:#94a3b8}[data-theme=dark] .nav-link.active{color:#fff}[data-theme=dark] .btn-camplify-pill-ghost{background:#ffffff14;border-color:#fff3;color:#fff!important}[data-theme=dark] .btn-camplify-pill-ghost:hover{border-color:var(--blue-500);background:#06f3}[data-theme=dark] .camplify-hero-section{background:linear-gradient(#06152b 0%,#091c36 100%)}[data-theme=dark] .camplify-hero-title,[data-theme=dark] .camplify-title-highlight,[data-theme=dark] .proof-count{color:#fff}[data-theme=dark] .camplify-hero-desc{color:#94a3b8}[data-theme=dark] .camplify-spark-badge{color:#60a5fa;background:#0066ff26;border-color:#0066ff59}[data-theme=dark] .camplify-social-proof{border-top-color:#ffffff1a}[data-theme=dark] .camplify-glass-pill{color:#fff;background:#091c36eb;border-color:#ffffff26;box-shadow:0 16px 36px #0006}[data-theme=dark] .camplify-glass-pill .pill-title{color:#fff}[data-theme=dark] .camplify-glass-pill .pill-subtitle{color:#94a3b8}[data-theme=dark] .camplify-feature-section{background:#06152b}[data-theme=dark] .feature-section-title{color:#fff}[data-theme=dark] .feature-section-subtitle{color:#94a3b8}[data-theme=dark] .camplify-search-banner{background:#091c36;border-color:#ffffff1f}[data-theme=dark] .camplify-search-banner input{color:#fff}[data-theme=dark] .camplify-feature-card{background:#091c36;border-color:#ffffff14;box-shadow:0 8px 24px #0000004d}[data-theme=dark] .camplify-feature-card h3{color:#fff}[data-theme=dark] .camplify-feature-card p{color:#94a3b8}@media (width<=1024px){.camplify-hero-container{text-align:center;grid-template-columns:1fr}.camplify-hero-left{max-width:100%;margin:0 auto}.camplify-hero-desc{margin:0 auto 32px}.camplify-cta-group,.camplify-social-proof{justify-content:center}.camplify-feature-grid{grid-template-columns:repeat(2,1fr)}.stat-ribbon-container{grid-template-columns:1fr 1fr;gap:24px}.stat-ribbon-divider{display:none}}@media (width<=768px){.camplify-feature-grid{grid-template-columns:1fr}.stat-ribbon-container{grid-template-columns:1fr;gap:20px}.camplify-glass-pill{display:none}}.section-quick-edit-btn{color:var(--blue-600);border-radius:var(--r-full);cursor:pointer;vertical-align:middle;transition:all var(--t-fast);background:#0284c726;border:1.5px solid #0284c773;align-items:center;gap:6px;margin-left:10px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #0066ff26}.section-quick-edit-btn:hover{background:var(--blue-600);color:#fff;border-color:var(--blue-600);transform:translateY(-2px);box-shadow:0 6px 16px #0066ff59}.cms-subnav{border-bottom:1.5px solid var(--border-light);flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:14px;display:flex}.cms-subnav-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--t-fast);padding:8px 16px;font-size:.82rem;font-weight:700}.cms-subnav-btn:hover{color:var(--blue-600);background:#0066ff14;border-color:#0066ff4d}.cms-subnav-btn.active{background:var(--blue-600);color:#fff;border-color:var(--blue-600);box-shadow:0 4px 14px #0066ff4d}.cms-section-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px;box-shadow:0 2px 10px #0000000a}.cms-section-heading{color:var(--navy-900);border-bottom:1px solid var(--border-light);margin-bottom:20px;padding-bottom:10px;font-size:1.1rem;font-weight:800}.image-uploader-card{background:var(--bg-surface-subtle);border-radius:var(--radius-md);border:1.5px dashed #0066ff4d;flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px;padding:16px;display:flex}.image-uploader-preview{object-fit:cover;border-radius:var(--radius-md);border:2px solid #fff;width:90px;height:90px;box-shadow:0 4px 12px #0000001f}.image-uploader-controls{flex:1;min-width:220px}.btn-upload-file{background:var(--blue-600);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--t-fast);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:700;display:inline-flex}.btn-upload-file:hover{background:var(--blue-700);transform:translateY(-1px)}.btn-reset-file{background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--t-fast);padding:8px 14px;font-size:.8rem;font-weight:600}.btn-reset-file:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}