/*
 * Tema website sekolah — "An-Nawa".
 *
 * Disalin dari desain asli (Next.js + Tailwind). Impor Tailwind diganti reset
 * kecil di bawah karena tema ini dirender Blade dan tidak melalui build tool:
 * satu berkas CSS statis, tanpa langkah kompilasi saat deploy.
 *
 * Nama kelas dipertahankan persis seperti desain aslinya, sehingga perubahan
 * desain di masa depan dapat disalin kembali tanpa menerjemahkan ulang.
 */

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
h1,h2,h3,h4,p,figure,blockquote{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
img,svg,video{display:block;max-width:100%}
button{background:none;border:0;padding:0;color:inherit}
input,textarea,select{border:0;outline:0;background:none;color:inherit;width:100%}
svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em}

:root{--green:#0d5c45;--deep:#073e31;--lime:#b9d989;--cream:#f6f0e3;--ink:#18332b;--muted:#617069;--white:#fff;--line:#dce5df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fdfdfb;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}.announcement{height:36px;background:var(--deep);color:#e7f1e9;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;letter-spacing:.03em}.announcement a{display:flex;align-items:center;gap:4px;color:#d9efa8;font-weight:700;margin-left:14px}.pulse{width:7px;height:7px;background:#c7eb89;border-radius:50%;box-shadow:0 0 0 5px #b9d98920}.nav{height:88px;padding:0 clamp(24px,6vw,96px);display:flex;align-items:center;justify-content:space-between;position:absolute;top:36px;left:0;right:0;z-index:50;transition:.3s}.nav.scrolled{position:fixed;top:0;height:72px;background:#ffffffee;backdrop-filter:blur(15px);box-shadow:0 6px 30px #0b3f3212}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:45px;height:45px;border-radius:12px 12px 12px 3px;background:var(--green);color:white;display:grid;place-items:center}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand b{font-size:11px;letter-spacing:.2em;color:#5d7168}.brand strong{font-family:Georgia,serif;font-size:20px;color:var(--green);letter-spacing:.06em;margin-top:4px}.nav-links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.nav-links>a{position:relative}.nav-links>a:not(.admin-link):after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--green);transition:.25s}.nav-links>a:hover:after{width:100%}.admin-link{color:#7a8982}.nav-cta{display:flex;align-items:center;gap:8px;background:var(--green);color:white;padding:13px 20px;border-radius:8px;font-size:13px;font-weight:700;box-shadow:0 8px 22px #0d5c452c}.menu-btn{display:none;border:0;background:transparent;color:var(--green)}
.hero{min-height:850px;padding:155px clamp(24px,6vw,96px) 80px;display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center;background:linear-gradient(110deg,#fbfaf4 0%,#f7f2e8 55%,#e9f1e8 100%);position:relative;overflow:hidden}.hero-pattern{position:absolute;inset:0;opacity:.22;background-image:radial-gradient(#0d5c45 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent 36%,#000)}.hero-copy,.hero-visual{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--green);margin-bottom:22px}.eyebrow span{width:28px;height:2px;background:var(--lime)}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,5.7vw,84px);line-height:1.03;letter-spacing:-.045em;margin:0 0 26px;max-width:760px;font-weight:500;color:#133d32}.hero-copy>p{font-size:18px;line-height:1.75;color:#566b62;max-width:625px}.hero-actions{display:flex;gap:14px;margin-top:38px}.button{min-height:52px;padding:0 24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;font-weight:800;font-size:13px}.button.primary{background:var(--green);color:white;box-shadow:0 12px 28px #0d5c4530}.button.ghost{border:1px solid #b9c9c1;background:#ffffff80}.play{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e2eddf;color:var(--green)}.trust-row{display:flex;align-items:center;gap:16px;margin-top:38px}.avatars{display:flex}.avatars span{width:36px;height:36px;border:3px solid #fbfaf4;margin-left:-8px;border-radius:50%;display:grid;place-items:center;background:#bdd5c4;color:var(--deep);font-size:9px;font-weight:800}.avatars span:first-child{margin:0}.avatars span:nth-child(2){background:#f0ca9c}.avatars span:nth-child(3){background:#d4c4e8}.avatars span:last-child{background:var(--green);color:#fff}.stars{letter-spacing:3px;color:#e1ad3f;font-size:12px}.trust-row small{color:#68776f;font-size:11px}.hero-visual{height:620px}.photo-main{position:absolute;inset:20px 5% 15px 12%;border-radius:200px 18px 200px 18px;overflow:hidden;box-shadow:0 28px 60px #0a3d3030}.photo-main img,.about-images img,.news-image img,.gallery-item img,.vision-photo>img{object-fit:cover}.floating-card{position:absolute;background:#fffffff2;backdrop-filter:blur(10px);border:1px solid #fff;border-radius:14px;box-shadow:0 16px 40px #12382d26}.floating-card.tahfizh{left:0;top:18%;padding:15px 18px;display:flex;align-items:center;gap:12px}.floating-card.tahfizh>span{width:42px;height:42px;background:#e8f3dc;color:var(--green);display:grid;place-items:center;border-radius:10px}.floating-card.tahfizh svg{width:20px}.floating-card.tahfizh div{display:flex;flex-direction:column}.floating-card b{font-size:13px}.floating-card small{font-size:10px;color:#718078;margin-top:4px}.floating-card.happy{right:0;bottom:17%;padding:15px 22px;display:flex;flex-direction:column}.floating-card.happy b{font-family:Georgia,serif;font-size:26px;color:var(--green)}.floating-card.happy span{font-size:10px;color:#68776f}.sunburst{position:absolute;right:1%;top:4%;width:70px;height:70px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:30px;color:var(--green)}.scroll-hint{position:absolute;left:25px;bottom:80px;display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.scroll-hint div{height:55px;width:1px;background:#718078}.stats-strip{background:var(--green);color:white;min-height:130px;display:flex;justify-content:center;align-items:center;gap:5vw;padding:25px}.stats-strip div{display:flex;flex-direction:column;text-align:center;min-width:130px}.stats-strip strong{font-family:Georgia,serif;font-size:33px;font-weight:500}.stats-strip span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#d1e7d8;margin-top:8px}.stats-strip i{height:44px;width:1px;background:#ffffff26}
.section{padding:120px clamp(24px,7vw,112px)}.about{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.about-images{height:610px;position:relative}.about-main{position:absolute;inset:0 12% 0 0;border-radius:12px 120px 12px 12px;overflow:hidden}.about-small{position:absolute;width:230px;height:250px;right:0;bottom:-25px;border:8px solid #fdfdfb;border-radius:100px 10px 10px 10px;overflow:hidden}.experience{position:absolute;left:-25px;bottom:45px;background:var(--lime);width:135px;height:135px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--deep)}.experience strong{font-family:Georgia,serif;font-size:42px}.experience span{font-size:9px;line-height:1.4;text-transform:uppercase;font-weight:bold}.section-copy h2,.section-head h2,.contact-info h2{font:500 clamp(38px,4.5vw,63px)/1.08 Georgia,serif;letter-spacing:-.035em;color:#153d32;margin:0 0 26px}.lead{font-size:16px;line-height:1.8;color:#66776f}.quote{border-left:3px solid var(--lime);padding:8px 0 8px 24px;margin:30px 0;color:var(--green)}.quote>svg{opacity:.25}.quote p{font:italic 18px/1.6 Georgia,serif;margin:8px 0 15px}.quote div{display:flex;flex-direction:column}.quote b{font-size:12px}.quote span{font-size:10px;color:#7b8983;margin-top:4px}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;font-weight:800;border-bottom:1px solid #a8c5b8;padding-bottom:6px}.programs{background:#f5f0e6}.section-head.center{text-align:center;max-width:740px;margin:0 auto 56px}.section-head.center .eyebrow{justify-content:center}.section-head p{color:#6b7972;line-height:1.7}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.program-card{background:white;padding:30px;border:1px solid #e7e3d8;min-height:300px;transition:.3s;position:relative}.program-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #163b2e15;border-color:transparent}.program-top{display:flex;justify-content:space-between;align-items:center}.program-icon{width:58px;height:58px;background:#edf4e3;border-radius:50%;display:grid;place-items:center;color:var(--green)}.program-icon svg{width:24px}.program-no{font:24px Georgia,serif;color:#d9dfd5}.program-card h3{font:24px Georgia,serif;margin:35px 0 14px}.program-card p{font-size:13px;color:#728078;line-height:1.75}.program-card>a{position:absolute;bottom:25px;color:var(--green)}.program-card>a svg{width:20px}.vision-section{display:grid;grid-template-columns:1fr 1fr;min-height:770px;background:var(--deep);color:white}.vision-photo{position:relative;min-height:680px}.vision-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#062f2577,transparent 60%)}.photo-caption{position:absolute;z-index:2;left:45px;bottom:45px;display:flex;align-items:center;gap:15px}.photo-caption>span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#ffffff1c;backdrop-filter:blur(8px)}.photo-caption p{display:flex;flex-direction:column;font-size:11px;line-height:1.6}.photo-caption b{font-size:14px}.vision-copy{padding:85px clamp(35px,6vw,95px)}.eyebrow.light{color:#cae7d8}.vision-copy h2{font:500 clamp(40px,4.3vw,62px)/1.08 Georgia,serif;margin:0 0 38px}.vision-box{padding:22px;border:1px solid #ffffff20;background:#ffffff09;margin-bottom:32px}.vision-box small,.mission-label{color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.18em}.vision-box p{font:italic 18px/1.6 Georgia,serif}.mission-list{margin-top:15px}.mission-list>div{display:flex;align-items:flex-start;gap:18px;border-top:1px solid #ffffff1a;padding:16px 0}.mission-list span{font:16px Georgia,serif;color:var(--lime)}.mission-list p{margin:0;font-size:13px;line-height:1.55;color:#d7e3dd}
.section-head.split{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.section-head.split h2{margin-bottom:0}.news-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:22px}.news-card{border:1px solid var(--line);background:#fff;transition:.3s}.news-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px #0d3c2d10}.news-image{height:230px;position:relative;overflow:hidden}.news-card.featured .news-image{height:330px}.news-image span{position:absolute;left:16px;top:16px;background:#f6f0e3e8;padding:7px 10px;border-radius:4px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.news-body{padding:23px}.news-body small{font-size:10px;color:#85918b}.news-body h3{font:23px/1.25 Georgia,serif;margin:12px 0}.featured .news-body h3{font-size:29px}.news-body p{font-size:12px;line-height:1.7;color:#718078}.news-body a{display:flex;align-items:center;gap:7px;color:var(--green);font-size:12px;font-weight:800;margin-top:18px}.gallery{background:#f5f0e6}.gallery-grid{display:grid;grid-template-columns:1.1fr .7fr .7fr 1.1fr;grid-template-rows:260px 260px;gap:14px}.gallery-item{border:0;padding:0;position:relative;overflow:hidden;background:#ddd;min-height:1px}.gallery-item.item-1{grid-column:1;grid-row:1 / 3}.gallery-item.item-4{grid-column:4;grid-row:1 / 3}.gallery-item img{transition:.5s}.gallery-item:hover img{transform:scale(1.05)}.gallery-item:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#062e24c9)}.gallery-item span{position:absolute;z-index:2;left:22px;bottom:18px;color:white;display:flex;flex-direction:column;align-items:flex-start}.gallery-item small{text-transform:uppercase;font-size:8px;letter-spacing:.15em;color:#d9eca9}.gallery-item b{font:19px Georgia,serif;margin-top:4px}.testimonial{padding:100px 18%;text-align:center;background:#fff}.quote-big{font:110px/.6 Georgia,serif;color:var(--lime)}.testimonial>p{font:italic clamp(24px,3vw,38px)/1.5 Georgia,serif;color:#20463b}.parent{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:28px}.parent>span{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#d2e1d2;font-size:11px;font-weight:bold}.parent div{display:flex;flex-direction:column;text-align:left}.parent b{font-size:12px}.parent small{font-size:9px;color:#7e8a84;margin-top:5px}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;background:#f5f0e6}.contact-info>p{color:#6d7b74;line-height:1.7;max-width:520px}.contact-list{display:flex;flex-direction:column;gap:18px;margin:34px 0}.contact-list>a,.contact-list>div{display:flex;align-items:center;gap:14px}.contact-list>*>span{width:42px;height:42px;border-radius:50%;background:#e5edde;display:grid;place-items:center;color:var(--green)}.contact-list svg{width:18px}.contact-list div div,.contact-list a div{display:flex;flex-direction:column}.contact-list small{font-size:9px;color:#89958f;text-transform:uppercase;letter-spacing:.1em}.contact-list b{font-size:12px;margin-top:4px}.instagram{display:flex;align-items:center;gap:8px;color:var(--green);font-weight:bold;font-size:12px}.contact-form{background:white;padding:42px;box-shadow:0 18px 50px #173d3011}.contact-form>div,.form-row>div{display:flex;flex-direction:column;gap:8px}.contact-form label{font-size:10px;font-weight:bold;text-transform:uppercase;letter-spacing:.08em}.contact-form input,.contact-form textarea{border:1px solid #dce3df;border-radius:5px;padding:14px;background:#fcfdfb;outline:none;transition:.2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #0d5c4510}.form-row{display:grid!important;grid-template-columns:1fr 1fr;gap:15px!important;margin:18px 0}.contact-form .button{margin-top:20px}.success{display:flex;gap:8px;align-items:center;color:var(--green);font-size:12px}.cta-banner{margin:0;background:var(--green);color:white;padding:70px clamp(25px,8vw,120px);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.cta-banner:after{content:"✦";position:absolute;right:35%;top:-100px;font-size:280px;color:#ffffff07}.cta-banner small{font-size:9px;letter-spacing:.17em;color:var(--lime)}.cta-banner h2{font:42px/1.12 Georgia,serif;margin:14px 0}.cta-banner p{font-size:12px;color:#cce0d8}.button.cream{background:var(--cream);color:var(--green);position:relative;z-index:2}footer{background:#082f26;color:#dbe8e2;padding:70px clamp(25px,7vw,110px) 25px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px}.light-brand .brand-mark{background:var(--lime);color:var(--deep)}.light-brand strong{color:white}.light-brand b{color:#a8beb5}.footer-brand p{font-size:12px;line-height:1.8;color:#9fb6ad;max-width:300px;margin-top:25px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:13px}.footer-main>div>b{font:17px Georgia,serif;color:white;margin-bottom:10px}.footer-main>div>a,.footer-main>div>p{font-size:11px;color:#a9beb6;line-height:1.7;margin:0}.footer-main>div p strong{color:#dce8e3}.footer-bottom{border-top:1px solid #ffffff13;margin-top:55px;padding-top:25px;display:flex;justify-content:space-between;font-size:9px;color:#79958a}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:40;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:white;box-shadow:0 10px 30px #0b3f3040}.lightbox{position:fixed;inset:0;background:#04130fe8;z-index:100;display:grid;place-items:center}.lightbox-image{position:relative;width:min(900px,80vw);height:min(75vh,700px)}.lightbox-image img{object-fit:contain}.lightbox-image p{position:absolute;bottom:-35px;color:white;left:0;right:0;text-align:center}.lightbox-close,.lightbox-nav{position:absolute;border:0;background:#ffffff16;color:white;border-radius:50%;display:grid;place-items:center;z-index:3}.lightbox-close{right:25px;top:25px;width:45px;height:45px}.lightbox-nav{top:50%;width:50px;height:50px}.lightbox-nav.prev{left:25px}.lightbox-nav.next{right:25px}
@media(max-width:1000px){.nav-links{display:none}.nav-links.open{display:flex;position:absolute;top:76px;left:18px;right:18px;background:white;padding:25px;flex-direction:column;box-shadow:0 20px 50px #12382d22;border-radius:12px}.menu-btn{display:block}.nav-cta{display:none}.hero{grid-template-columns:1fr;padding-top:160px}.hero-visual{height:550px}.hero h1{max-width:800px}.scroll-hint{display:none}.program-grid{grid-template-columns:1fr 1fr}.news-grid{grid-template-columns:1fr 1fr}.news-card.featured{grid-column:span 2}.contact{gap:45px}.footer-main{grid-template-columns:2fr 1fr 1fr}.footer-main>div:last-child{display:none}}
@media(max-width:720px){.announcement{font-size:9px;padding:0 10px;text-align:center}.announcement a{display:none}.nav{height:74px;padding:0 20px}.nav.scrolled{height:66px}.hero{padding:140px 22px 60px;gap:30px;min-height:0}.hero h1{font-size:46px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-visual{height:430px}.photo-main{inset:10px 4% 10px 8%;border-radius:130px 12px 130px 12px}.floating-card.tahfizh{top:10%}.sunburst{width:55px;height:55px}.stats-strip{display:grid;grid-template-columns:1fr 1fr;gap:25px}.stats-strip i{display:none}.section{padding:80px 22px}.about{grid-template-columns:1fr;gap:70px}.about-images{height:470px}.about-small{width:170px;height:190px}.experience{width:110px;height:110px;left:-10px}.experience strong{font-size:34px}.program-grid{grid-template-columns:1fr}.vision-section{grid-template-columns:1fr}.vision-photo{min-height:480px}.vision-copy{padding:70px 25px}.section-head.split{display:block}.section-head.split .text-link{margin-top:15px}.news-grid{grid-template-columns:1fr}.news-card.featured{grid-column:auto}.news-card.featured .news-image{height:240px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px 220px}.gallery-item.item-1,.gallery-item.item-4{grid-row:auto;grid-column:auto}.testimonial{padding:80px 25px}.contact{grid-template-columns:1fr}.contact-form{padding:25px}.form-row{grid-template-columns:1fr}.cta-banner{padding:60px 25px;display:block}.cta-banner .button{margin-top:20px}.cta-banner h2{font-size:36px}.footer-main{grid-template-columns:1fr 1fr;gap:40px}.footer-brand{grid-column:span 2}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.lightbox-nav{width:40px;height:40px}.lightbox-nav.prev{left:8px}.lightbox-nav.next{right:8px}}

/* Admin */
.admin-shell{min-height:100vh;background:#f4f7f5;display:flex}.admin-sidebar{width:260px;background:#082f26;color:white;padding:28px 20px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.admin-sidebar .brand strong{color:white}.admin-sidebar .brand b{color:#a9beb6}.admin-nav{display:flex;flex:1;flex-direction:column;gap:6px;margin-top:55px;min-height:0;overflow-y:auto;padding-bottom:12px;padding-right:4px}.admin-nav button,.admin-logout{border:0;background:transparent;color:#aac0b7;text-align:left;padding:13px 15px;border-radius:8px;display:flex;align-items:center;gap:11px;font-size:13px;width:100%}.admin-nav button.active,.admin-nav button:hover,.admin-logout:hover{background:#ffffff12;color:white}.admin-nav svg,.admin-logout svg{width:18px;flex-shrink:0}.admin-logout{margin-top:12px;flex-shrink:0;border:1px solid #ffffff20!important}.admin-main{margin-left:260px;padding:45px clamp(25px,5vw,70px);width:calc(100% - 260px)}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.admin-top h1{font:38px Georgia,serif;margin:0}.admin-top p{color:#7b8983;font-size:13px}.admin-avatar{width:42px;height:42px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font-weight:bold}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:32px}.admin-stat{background:white;border:1px solid #e2e9e5;padding:22px;border-radius:10px}.admin-stat small{color:#84918b}.admin-stat strong{display:block;font:32px Georgia,serif;margin-top:10px}.admin-panel{background:white;border:1px solid #e2e9e5;border-radius:10px;padding:25px}.admin-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.admin-panel h2{font:25px Georgia,serif;margin:0}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:13px;border-bottom:1px solid #edf0ee;font-size:12px}.admin-table th{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#8c9892}.badge{padding:5px 8px;border-radius:12px;background:#e7f3e1;color:var(--green);font-size:9px;font-weight:bold}.row-actions{display:flex;gap:6px}.icon-btn{border:1px solid #dfe6e2;background:white;border-radius:6px;padding:7px;color:var(--green)}.icon-btn.danger{color:#b84545}.admin-form{display:grid;gap:18px}.admin-form label{font-size:10px;font-weight:bold;text-transform:uppercase;letter-spacing:.08em}.admin-form .field{display:flex;flex-direction:column;gap:7px}.admin-form input,.admin-form textarea,.admin-form select{padding:12px;border:1px solid #dbe3df;border-radius:6px;outline:none}.admin-form input:focus,.admin-form textarea:focus{border-color:var(--green)}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-modal{position:fixed;inset:0;background:#061b16a8;z-index:100;display:grid;place-items:center;padding:20px}.admin-modal-card{background:white;border-radius:12px;padding:30px;width:min(720px,95vw);max-height:90vh;overflow:auto}.admin-modal-head{display:flex;justify-content:space-between;margin-bottom:22px}.admin-modal-head button{border:0;background:transparent}.gallery-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery-admin-item{position:relative;height:170px;border-radius:8px;overflow:hidden}.gallery-admin-item img{object-fit:cover}.gallery-admin-item button{position:absolute;right:8px;top:8px;border:0;background:#fff;color:#b84545;width:32px;height:32px;border-radius:50%;z-index:2}.message-card{padding:18px;border:1px solid #e4eae7;border-radius:8px;margin-bottom:10px}.message-card.unread{border-left:4px solid var(--green)}.message-card header{display:flex;justify-content:space-between}.message-card p{font-size:13px;color:#65746d}.message-card small{color:#8b9791}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f6f2e9}.login-visual{background:linear-gradient(#073e31cc,#073e31dd),url('https://images.unsplash.com/photo-1509062522246-3755977927d7?auto=format&fit=crop&w=1400&q=85') center/cover;color:white;padding:60px;display:flex;flex-direction:column;justify-content:space-between}.login-visual h1{font:54px/1.1 Georgia,serif;max-width:500px}.login-visual p{color:#c9ddd4;line-height:1.7}.login-box{display:grid;place-items:center;padding:35px}.login-card{width:min(420px,100%)}.login-card h2{font:38px Georgia,serif;margin-bottom:8px}.login-card>p{color:#718078;margin-bottom:32px}.login-card .admin-form{gap:20px}.login-card button{width:100%}.login-error{color:#b84545;font-size:12px}.login-help{margin-top:20px;font-size:11px;color:#829089;text-align:center}.back-home{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:12px;font-weight:bold;margin-top:25px}
@media(max-width:800px){.admin-sidebar{width:74px;padding:22px 12px}.admin-sidebar .brand>span:last-child,.admin-nav button span,.admin-logout span{display:none}.admin-sidebar .brand-mark{width:48px}.admin-nav button,.admin-logout{justify-content:center;padding:13px 10px}.admin-main{margin-left:74px;width:calc(100% - 74px);padding:30px 18px}.admin-stats{grid-template-columns:1fr 1fr}.admin-table{display:block;overflow-x:auto}.gallery-admin-grid{grid-template-columns:1fr 1fr}.login-page{grid-template-columns:1fr}.login-visual{display:none}}

/* =========================================================
   AN-NAWA SUNSHINE IDENTITY — yellow, orange, bold & joyful
   ========================================================= */
:root{
  --green:#ef6c1a;
  --deep:#54210b;
  --lime:#ffd34f;
  --cream:#fff5d9;
  --ink:#3e2412;
  --muted:#756252;
  --line:#eadcc8;
}
body{background:#fffdf7;color:var(--ink)}
.announcement{background:#54210b;color:#fff3d6}.announcement .pulse{background:#ffd34f;box-shadow:0 0 0 5px #ffd34f25}.announcement a{color:#ffd34f}
.brand-mark{background:#f47a20;color:#fff;border-radius:50% 50% 50% 12px;box-shadow:inset 0 0 0 3px #ffffff30}.brand strong{color:#e75e11}.brand b{color:#80624b}.nav.scrolled{background:#fffaf0ed;box-shadow:0 8px 32px #7f3b1414}.nav-cta,.button.primary{background:#ef6c1a;box-shadow:0 12px 28px #d95c1838}.nav-cta:hover,.button.primary:hover{background:#d9570c;transform:translateY(-2px)}
.hero{min-height:880px;background:linear-gradient(125deg,#fff8de 0%,#ffe887 58%,#ffae38 100%);isolation:isolate}.hero:before{content:"";position:absolute;width:470px;height:470px;border:95px solid #fff7d355;border-radius:50%;right:-110px;top:70px;z-index:-1}.hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#ff7a1a;left:43%;bottom:-130px;z-index:-1}.hero-pattern{opacity:.16;background-image:radial-gradient(#9a3c08 1.4px,transparent 1.4px);mask-image:linear-gradient(90deg,transparent 15%,#000)}
.hero .eyebrow{color:#9b3e0c}.hero .eyebrow span{background:#ef6c1a}.hero-manifesto{display:flex;align-items:center;gap:9px;width:max-content;padding:8px 11px;border:1px solid #b9480b;border-radius:999px;color:#7d310b;font-size:9px;letter-spacing:.12em;margin:-8px 0 22px}.hero-manifesto i{font-style:normal;color:#ef6c1a}.hero h1{color:#51230f;font-size:clamp(54px,6.2vw,92px);line-height:.96;max-width:790px;text-wrap:balance}.hero-copy>p{color:#704b30;font-size:17px;max-width:610px}.button.ghost{border-color:#9c500f55;background:#fff8e199;color:#54210b}.play{background:#ffd34f;color:#54210b}.stars{color:#e85e10}.avatars span{border-color:#ffe890}.avatars span:last-child{background:#54210b}.trust-row small{color:#714a2e}.photo-main{inset:22px 3% 8px 11%;border:10px solid #fff4cf;border-radius:48% 48% 18px 18px;box-shadow:18px 22px 0 #df5c12,0 35px 70px #77320e33;transform:rotate(1.5deg)}.photo-main:after{content:"";position:absolute;inset:0;box-shadow:inset 0 -110px 110px #6622062b}.floating-card{border:2px solid #54210b18;box-shadow:8px 9px 0 #54210b1c;background:#fffaf1ed}.floating-card.tahfizh>span{background:#ffd34f;color:#7d310b}.floating-card.happy b{color:#e75e11}.sunburst.school-logo{right:1%;top:4px;width:104px;height:104px;padding:9px;background:#fff;border:2px solid #fff7e8;border-radius:22px;display:block;transform:rotate(3deg);box-shadow:5px 6px 0 #ef6c1a,0 13px 26px #6e2b1628}.sunburst.school-logo img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 3px 4px #163f3226)}.hero-wordmark{position:absolute;left:4%;bottom:1%;z-index:4;font:900 clamp(34px,4.2vw,64px)/1 Arial,sans-serif;letter-spacing:-.06em;color:#fff6d7;transform:rotate(-7deg);text-shadow:3px 3px 0 #54210b,-1px -1px 0 #54210b,1px -1px 0 #54210b,-1px 1px 0 #54210b}.scroll-hint{color:#743512}.scroll-hint div{background:#743512}
.brand-marquee{height:58px;overflow:hidden;background:#54210b;color:#ffd34f;border-top:4px solid #fff4c9;border-bottom:4px solid #fff4c9;display:flex;align-items:center;transform:rotate(-1deg);margin:-5px -5px 0;position:relative;z-index:5}.brand-marquee>div{display:flex;align-items:center;gap:28px;min-width:max-content;animation:marquee 24s linear infinite}.brand-marquee span{font:800 13px Arial,sans-serif;letter-spacing:.14em}.brand-marquee i{font-style:normal;color:#ff7a1a}@keyframes marquee{to{transform:translateX(-35%)}}
.stats-strip{background:#ffcb3e;color:#54210b}.stats-strip span{color:#7d3e17}.stats-strip i{background:#7c360c30}.stats-strip strong{font-weight:700}.eyebrow.green{color:#e75e11}.eyebrow span,.eyebrow.green span{background:#ffc62f}.section-copy h2,.section-head h2,.contact-info h2{color:#4d2813}.experience{background:#ffcb3e;color:#54210b;box-shadow:8px 8px 0 #ef6c1a}.quote{border-color:#ffbd22;color:#a8440c}.programs,.gallery,.contact{background:#fff3d6}.program-card{border:2px solid #54210b1c;box-shadow:6px 6px 0 #54210b0c}.program-card:nth-child(2){background:#fff0b8}.program-card:nth-child(3){background:#ffdd67}.program-card:nth-child(4){background:#fff8e7}.program-card:hover{box-shadow:9px 10px 0 #ef6c1a;transform:translate(-3px,-4px)}.program-icon{background:#fff;color:#e65d10;border:2px solid #ef6c1a}.program-no{color:#e86416}.vision-section{background:#54210b}.vision-box{background:#ffb92c18;border-color:#ffd34f55}.vision-box small,.mission-label,.mission-list span{color:#ffd34f}.photo-caption>span{background:#ef6c1a}.news-image span{background:#ffd34f;color:#54210b}.news-card{border:2px solid #54210b18}.news-card:hover{box-shadow:8px 9px 0 #ffbd32}.gallery-item{border:3px solid #fff7e6}.gallery-item:after{background:linear-gradient(transparent,#54210bdd)}.gallery-item small{color:#ffd34f}.testimonial{background:#ffca3c}.quote-big{color:#ef6c1a}.testimonial>p{color:#54210b}.parent>span{background:#fff2be}.contact-list>*>span{background:#ffd34f;color:#9a3d0b}.contact-form{box-shadow:10px 12px 0 #ef6c1a}.contact-form input:focus,.contact-form textarea:focus{border-color:#ef6c1a;box-shadow:0 0 0 3px #ff9a381e}.cta-banner{background:#ef6c1a}.cta-banner:after{color:#ffd34f22}.cta-banner small{color:#54210b}.button.cream{background:#ffd34f;color:#54210b;box-shadow:6px 7px 0 #54210b}footer{background:#54210b}.light-brand .brand-mark{background:#ffd34f;color:#54210b}.light-brand strong{color:#ffd34f}.whatsapp-float{box-shadow:0 0 0 5px #fff6d8,0 10px 30px #54210b45}.admin-sidebar{background:#54210b}.admin-nav button.active,.admin-nav button:hover{background:#ef6c1a}.admin-avatar{background:#ef6c1a}.badge{background:#fff0b8;color:#9a3d0b}.login-visual{background:linear-gradient(#54210bd8,#a33c08d8),url('https://images.unsplash.com/photo-1509062522246-3755977927d7?auto=format&fit=crop&w=1400&q=85') center/cover}
@media(max-width:720px){.hero{padding-top:132px}.hero h1{font-size:51px;line-height:.98}.hero-manifesto{font-size:8px;gap:6px}.hero-visual{height:455px}.photo-main{inset:14px 6% 15px 7%;border-width:7px;box-shadow:10px 13px 0 #df5c12,0 25px 50px #77320e30}.sunburst.school-logo{width:76px;height:76px;right:3%;top:5px;padding:6px;border-radius:17px;box-shadow:4px 4px 0 #ef6c1a,0 9px 18px #6e2b1625}.hero-wordmark{bottom:1%;left:3%;font-size:40px}.brand-marquee{height:52px}.brand-marquee span{font-size:11px}.stats-strip{padding-top:35px;padding-bottom:35px}.contact-form{box-shadow:6px 7px 0 #ef6c1a}}

/* An-Nawa editorial news experience */
.article-page{background:#fffaf0;min-height:100vh;color:#54210b}.article-nav{height:96px;padding:0 clamp(24px,6vw,100px);display:flex;align-items:center;justify-content:space-between;background:#fffaf0;border-bottom:1px solid #54210b14;position:relative;z-index:10}.article-nav nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:800}.article-nav nav>a:not(.article-back){padding-bottom:5px;border-bottom:1px solid #d76a2e55}.article-back{display:flex;align-items:center;gap:9px;background:#ef6c1a;color:white;padding:14px 20px;border-radius:999px;box-shadow:5px 6px 0 #54210b}.article-back svg{width:17px}.article-hero{min-height:650px;background:linear-gradient(125deg,#ffe789,#ffc843 55%,#ff9b2e);padding:95px clamp(24px,9vw,155px) 85px;position:relative;overflow:hidden;display:flex;align-items:center}.article-hero-main{position:relative;z-index:2;max-width:1120px}.article-kicker{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.14em;margin-bottom:30px}.article-kicker span{background:#54210b;color:#ffd34f;padding:8px 12px;border-radius:999px;font-weight:800}.article-kicker i{font-style:normal}.article-kicker b{text-transform:uppercase}.article-hero h1{font:500 clamp(64px,7vw,112px)/.94 Georgia,serif;letter-spacing:-.055em;margin:0;max-width:1200px;text-wrap:balance}.article-hero-main>p{font:18px/1.75 Arial,sans-serif;color:#71401f;max-width:760px;margin:32px 0}.article-meta{display:flex;gap:25px;flex-wrap:wrap}.article-meta span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.article-meta svg{width:16px}.article-seal{position:absolute;right:6vw;top:75px;width:125px;height:125px;border-radius:50%;background:#54210b;color:#ffd34f;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(9deg);box-shadow:0 0 0 10px #fff3b5,0 0 0 13px #54210b}.article-seal small,.article-seal span{font-size:7px;letter-spacing:.18em}.article-seal strong{font:36px Georgia,serif;line-height:1.1}.article-sun{position:absolute;border-radius:50%;border:70px solid #fff6c33d}.article-sun.sun-one{width:430px;height:430px;right:-80px;bottom:-140px}.article-sun.sun-two{width:220px;height:220px;left:-100px;top:-80px;border-width:45px}.article-ticker{height:53px;background:#54210b;color:#ffd34f;display:flex;align-items:center;overflow:hidden;transform:rotate(-.6deg);margin:-4px -3px 0;position:relative;z-index:3}.article-ticker>div{display:flex;align-items:center;gap:26px;min-width:max-content;animation:marquee 22s linear infinite}.article-ticker span{font-size:11px;font-weight:900;letter-spacing:.16em}.article-ticker i{font-style:normal;color:#ef6c1a}.article-wrap{padding:100px clamp(24px,8vw,130px)}.article-cover{height:min(66vw,720px);position:relative;margin:0 auto 105px;max-width:1320px;border:10px solid #fffaf0;outline:3px solid #54210b;box-shadow:18px 20px 0 #ef6c1a;transform:rotate(-.5deg);overflow:hidden}.article-cover>img{object-fit:cover}.article-cover-shadow{position:absolute;inset:0;z-index:1;box-shadow:inset 0 -150px 130px #54210b65;pointer-events:none}.article-cover figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:24px;display:flex;justify-content:space-between;color:white;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.article-cover figcaption b{color:#ffd34f}.article-layout{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:130px 1fr;gap:70px}.article-side{position:sticky;top:105px;height:max-content;display:flex;flex-direction:column;align-items:center;gap:12px}.article-side-label{font-size:8px;font-weight:900;letter-spacing:.16em;writing-mode:vertical-rl;margin-bottom:8px}.article-side>a{width:44px;height:44px;border:2px solid #54210b;border-radius:50%;display:grid;place-items:center;transition:.2s}.article-side>a:hover{background:#ef6c1a;color:white;transform:rotate(-8deg)}.article-side>a svg{width:17px}.article-side-line{height:70px;width:1px;background:#54210b35;margin:6px}.article-side small{text-align:center;font-size:8px;line-height:1.5}.article-side small b{color:#ef6c1a}.article-content{font-size:18px;line-height:1.95;color:#654b39}.article-lead{font:italic 29px/1.55 Georgia,serif;color:#54210b;margin:0 0 45px;padding-left:28px;border-left:6px solid #ffd34f}.article-body>p,.article-content>p{margin:0 0 27px}.article-body>p:first-child:first-letter{float:left;font:92px/.75 Georgia,serif;color:#ef6c1a;padding:13px 12px 5px 0}.article-content blockquote{margin:65px -70px;padding:55px 65px;background:#54210b;color:#fff5d9;position:relative;box-shadow:12px 13px 0 #ffd34f}.article-content blockquote>span{position:absolute;top:22px;left:28px;color:#ef6c1a;font:100px/.5 Georgia,serif}.article-content blockquote p{font:italic 30px/1.5 Georgia,serif;margin:0;position:relative}.article-content blockquote footer{margin-top:22px;font-size:9px;letter-spacing:.16em;color:#ffd34f}.article-highlight{margin:60px 0;padding:38px;border:2px solid #54210b;background:#fff0b5;box-shadow:8px 9px 0 #ef6c1a}.article-highlight>span{font-size:9px;font-weight:900;letter-spacing:.17em}.article-highlight>div{display:grid;grid-template-columns:45px 1fr;gap:15px;border-top:1px solid #54210b25;padding:17px 0}.article-highlight>div:first-of-type{margin-top:20px}.article-highlight b{font:22px Georgia,serif;color:#ef6c1a}.article-highlight p{margin:0;font-size:14px;color:#54210b}.article-author{display:flex;align-items:center;gap:18px;border-top:1px solid #54210b2b;margin-top:60px;padding-top:30px}.article-author>span{width:58px;height:58px;background:#ef6c1a;color:white;border-radius:50% 50% 50% 12px;display:grid;place-items:center;font-weight:900}.article-author>div{display:flex;flex-direction:column}.article-author small{font-size:8px;letter-spacing:.14em}.article-author b{font:18px Georgia,serif;margin:5px 0}.article-author p{font-size:11px;margin:0;color:#8c7361}.article-cta{margin:0 clamp(24px,6vw,100px);padding:65px clamp(30px,6vw,85px);background:#ef6c1a;color:white;display:flex;justify-content:space-between;align-items:center;box-shadow:12px 13px 0 #54210b;position:relative;overflow:hidden}.article-cta:after{content:"✦";position:absolute;right:30%;top:-95px;font-size:250px;color:#ffd34f22}.article-cta small{font-size:9px;letter-spacing:.16em;color:#54210b;font-weight:900}.article-cta h2{font:44px/1.15 Georgia,serif;margin:12px 0 0}.article-cta>a{display:flex;align-items:center;gap:10px;background:#ffd34f;color:#54210b;padding:18px 22px;border-radius:999px;font-size:12px;font-weight:900;box-shadow:5px 6px 0 #54210b;position:relative;z-index:2}.article-cta>a svg{width:17px}.related-news{padding:120px clamp(24px,8vw,130px)}.related-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.related-head span{font-size:9px;letter-spacing:.16em;color:#ef6c1a;font-weight:900}.related-head h2{font:52px Georgia,serif;margin:10px 0 0}.related-head>a{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;border-bottom:1px solid #54210b;padding-bottom:7px}.related-head>a svg{width:17px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.related-card{display:grid;grid-template-columns:44% 1fr;background:#fff;border:2px solid #54210b14;transition:.25s}.related-card:hover{transform:translate(-4px,-4px);box-shadow:9px 10px 0 #ffd34f}.related-image{position:relative;min-height:300px}.related-image img{object-fit:cover}.related-image>span{position:absolute;left:15px;top:15px;width:38px;height:38px;border-radius:50%;background:#ffd34f;color:#54210b;display:grid;place-items:center;font:17px Georgia,serif}.related-card>div:last-child{padding:28px}.related-card small{font-size:8px;letter-spacing:.1em;color:#ef6c1a;text-transform:uppercase}.related-card h3{font:27px/1.2 Georgia,serif;margin:15px 0}.related-card p{font-size:11px;line-height:1.7;color:#806b5b}.related-card b{display:flex;align-items:center;gap:7px;font-size:11px;margin-top:20px}.related-card b svg{width:15px}.article-footer{background:#54210b;color:#fff5d9;padding:50px clamp(24px,6vw,100px);display:flex;align-items:center;justify-content:space-between}.article-footer>p{font:italic 17px Georgia,serif;color:#ffd34f}.article-footer>a:last-child{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.article-footer>a:last-child svg{width:16px}
@media(max-width:850px){.article-nav{height:78px;padding:0 20px}.article-nav nav>a:not(.article-back){display:none}.article-back{padding:11px 14px}.article-hero{min-height:560px;padding:95px 24px 65px}.article-hero h1{font-size:59px}.article-hero-main>p{font-size:15px}.article-seal{width:86px;height:86px;right:22px;top:38px;opacity:.9}.article-seal strong{font-size:26px}.article-meta{gap:12px}.article-meta span{font-size:9px}.article-wrap{padding:70px 23px}.article-cover{height:65vw;min-height:340px;margin-bottom:75px;border-width:6px;box-shadow:9px 10px 0 #ef6c1a}.article-layout{grid-template-columns:1fr;gap:35px}.article-side{position:static;flex-direction:row;justify-content:flex-start}.article-side-label{writing-mode:initial;margin:0 5px 0 0}.article-side-line,.article-side small{display:none}.article-content{font-size:16px;line-height:1.85}.article-lead{font-size:24px;padding-left:20px}.article-content blockquote{margin:55px 0;padding:50px 28px;box-shadow:8px 9px 0 #ffd34f}.article-content blockquote p{font-size:25px}.article-highlight{padding:28px}.article-cta{margin:0 22px;padding:50px 28px;display:block;box-shadow:8px 9px 0 #54210b}.article-cta h2{font-size:34px}.article-cta>a{width:max-content;margin-top:28px}.related-news{padding:90px 22px}.related-head{display:block}.related-head h2{font-size:42px}.related-head>a{width:max-content;margin-top:20px}.related-grid{grid-template-columns:1fr}.related-card{grid-template-columns:1fr}.related-image{min-height:260px}.article-footer{display:block;text-align:center}.article-footer .brand{justify-content:center}.article-footer>p{margin:25px 0}.article-footer>a:last-child{justify-content:center}}
@media(max-width:480px){.article-hero h1{font-size:48px}.article-kicker{gap:7px}.article-kicker span{font-size:8px}.article-seal{display:none}.article-cover{min-height:300px}.article-cover figcaption{left:15px;right:15px;bottom:14px}.article-meta span:last-child{display:none}.article-content blockquote p{font-size:22px}.related-card h3{font-size:25px}}

/* Live Instagram wall */
.instagram-section{background:#54210b;color:#fff6da;padding:110px clamp(22px,6vw,95px) 0;overflow:hidden}.instagram-intro{display:grid;grid-template-columns:190px 1fr;gap:55px;align-items:center;max-width:1050px;margin:0 auto 65px}.instagram-orbit{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:#ef6c1a;position:relative;box-shadow:0 0 0 12px #ffd34f,0 0 0 15px #54210b,0 0 0 17px #ffd34f;transform:rotate(-8deg)}.instagram-orbit:before,.instagram-orbit:after{content:"✦";position:absolute;color:#ffd34f;font-size:30px}.instagram-orbit:before{right:-32px;top:-20px}.instagram-orbit:after{left:-25px;bottom:-25px;font-size:20px}.instagram-orbit svg{width:62px;height:62px}.instagram-orbit span{position:absolute;bottom:27px;font-size:8px;font-weight:900;letter-spacing:.18em}.instagram-intro .eyebrow{color:#ffd34f;margin-bottom:15px}.instagram-intro h2{font:500 clamp(45px,5vw,70px)/.98 Georgia,serif;letter-spacing:-.04em;margin:0}.instagram-intro h2 em{color:#ffd34f}.instagram-intro p{max-width:640px;color:#d7c2ae;line-height:1.75;font-size:14px}.instagram-intro>div:last-child>a{display:inline-flex;align-items:center;gap:9px;margin-top:12px;background:#ffd34f;color:#54210b;padding:13px 17px;border-radius:999px;font-size:11px;font-weight:900;box-shadow:5px 6px 0 #ef6c1a}.instagram-intro>div:last-child>a svg{width:16px}.instagram-live{display:flex;align-items:center;gap:7px;margin-top:18px;color:#c9b5a2;font-size:9px}.instagram-live i{width:7px;height:7px;background:#50cf7d;border-radius:50%;box-shadow:0 0 0 4px #50cf7d22}.instagram-feed-grid{display:grid;grid-template-columns:1.25fr .75fr 1fr 1fr;grid-template-rows:260px 260px;gap:10px;max-width:1500px;margin:auto}.instagram-post{position:relative;overflow:hidden;background:#8b4a29;border:3px solid #fff4d522}.instagram-post-1{grid-row:1 / 3}.instagram-post-4{grid-column:4;grid-row:1 / 3}.instagram-post img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}.instagram-post:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#261006d9);opacity:.65;transition:.3s}.instagram-post:hover img{transform:scale(1.06)}.instagram-post:hover:after{opacity:1}.instagram-post-overlay{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:end;color:white}.instagram-post-overlay>svg{width:20px}.instagram-post-overlay>svg:nth-child(2){position:absolute;right:0;top:-35px;width:30px}.instagram-post-overlay b{font:15px/1.35 Georgia,serif}.instagram-handle-row{height:105px;margin:35px calc(clamp(22px,6vw,95px) * -1) 0;background:#ffd34f;color:#54210b;display:flex;align-items:center;justify-content:center;gap:30px;white-space:nowrap;transform:rotate(-1deg)}.instagram-handle-row>a{font:500 clamp(34px,4vw,58px)/1 Georgia,serif;letter-spacing:-.04em}.instagram-handle-row>span{font-size:8px;font-weight:900;letter-spacing:.17em;color:#a8440c}
@media(max-width:900px){.instagram-intro{grid-template-columns:130px 1fr;gap:35px}.instagram-orbit{width:120px;height:120px}.instagram-orbit svg{width:44px}.instagram-orbit span{bottom:17px}.instagram-feed-grid{grid-template-columns:1fr 1fr 1fr;grid-template-rows:240px 240px}.instagram-post-1{grid-row:1 / 3}.instagram-post-4{grid-column:auto;grid-row:auto}.instagram-handle-row>span{display:none}}
@media(max-width:600px){.instagram-section{padding-top:80px}.instagram-intro{grid-template-columns:1fr;text-align:center}.instagram-orbit{margin:auto}.instagram-intro .eyebrow{justify-content:center}.instagram-intro p{font-size:13px}.instagram-intro>div:last-child>a{margin-top:15px}.instagram-live{justify-content:center}.instagram-feed-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px 220px}.instagram-post-1,.instagram-post-4{grid-row:auto;grid-column:auto}.instagram-post-overlay b{font-size:12px}.instagram-handle-row{height:86px}.instagram-handle-row>a{font-size:35px}}

/* Institution controls and shared school identity */
.brand-mark{overflow:hidden;flex:0 0 auto}.brand-mark img,.admin-avatar img{width:100%;height:100%;object-fit:contain;display:block}.admin-avatar{overflow:hidden}.admin-institution{display:grid;gap:22px}.admin-identity-hero{min-height:210px;padding:35px 38px;background:linear-gradient(120deg,#54210b,#913906);color:#fff7e5;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.admin-identity-hero:after{content:"✦";position:absolute;right:31%;top:-75px;font-size:220px;color:#ffd34f12}.admin-identity-hero>div:first-child{position:relative;z-index:1;max-width:600px}.admin-identity-hero>div:first-child>span{font-size:9px;font-weight:900;letter-spacing:.18em;color:#ffd34f}.admin-identity-hero h2{font:39px/1.1 Georgia,serif;margin:12px 0}.admin-identity-hero p{font-size:13px;line-height:1.65;color:#ead2bf;margin:0}.admin-brand-preview{position:relative;z-index:1;min-width:275px;padding:19px;background:#fff8e912;border:1px solid #ffd34f38;border-radius:12px;display:flex;align-items:center;gap:14px}.admin-brand-preview .brand-mark{background:#ffd34f;color:#54210b}.admin-brand-preview>div{display:flex;flex-direction:column}.admin-brand-preview small{font-size:7px;letter-spacing:.16em;color:#ffd34f}.admin-brand-preview b{font:17px Georgia,serif;margin-top:7px}.admin-brand-preview p{font-size:10px;margin:4px 0 0;color:#e9d6c4}.admin-form-section{display:grid;gap:22px;padding:30px}.admin-section-title>div{display:flex;align-items:center;gap:14px}.admin-section-title>div>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffd34f;color:#54210b;font-size:10px;font-weight:900}.admin-section-title h2{font-size:24px}.admin-section-title p{font-size:11px;color:#819089;margin:5px 0 0}.admin-institution .field{display:flex;flex-direction:column;gap:7px}.admin-institution .field label{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#6e7e77}.admin-institution input,.admin-institution textarea{width:100%;padding:13px;border:1px solid #dbe3df;border-radius:7px;outline:none;background:#fbfcfb}.admin-institution input:focus,.admin-institution textarea:focus{border-color:#ef6c1a;box-shadow:0 0 0 3px #ef6c1a12;background:white}.admin-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-assets-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-asset-card{display:grid;grid-template-columns:145px 1fr;min-height:125px;border:1px solid #e2e8e5;border-radius:10px;overflow:hidden;background:#fbfcfb}.admin-asset-preview{min-height:125px;background:#f0e7d8;display:grid;place-items:center;color:#be7d50}.admin-asset-preview img{width:100%;height:100%;min-height:125px;max-height:150px;object-fit:cover;display:block}.admin-asset-preview svg{width:30px;height:30px}.admin-asset-copy{padding:18px;display:flex;flex-direction:column;align-items:flex-start}.admin-asset-copy>b{font:16px Georgia,serif}.admin-asset-copy p{font-size:10px;line-height:1.5;color:#809088;margin:6px 0 12px}.admin-upload-button{margin-top:auto;display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:6px;background:#fff0b8;color:#923908!important;font-size:9px!important;font-weight:900;cursor:pointer}.admin-upload-button input{display:none}.admin-save-bar{position:sticky;z-index:10;bottom:18px;padding:16px 20px;border:1px solid #e4d5bd;border-radius:12px;background:#fffaf0eF;backdrop-filter:blur(12px);box-shadow:0 15px 40px #54210b18;display:flex;align-items:center;justify-content:space-between}.admin-save-bar>div{display:flex;flex-direction:column;gap:4px}.admin-save-bar b{font:17px Georgia,serif}.admin-save-bar span{font-size:10px;color:#7d8983}.institution-facts{display:flex!important;flex-direction:row!important;gap:10px;flex-wrap:wrap;margin:22px 0}.institution-facts>div{min-width:105px;padding:11px 14px;background:#fff4d1;border:1px solid #ffce55;display:flex!important;flex-direction:column!important}.institution-facts small{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#a04a16}.institution-facts b{font:17px Georgia,serif;color:#54210b;margin-top:4px}.principal-signature{display:flex!important;flex-direction:row!important;align-items:center;gap:10px}.principal-signature>img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #ffd34f}.principal-signature>span{display:flex!important;flex-direction:column;margin:0!important}.principal-signature small{font-size:10px;color:#7b8983;margin-top:4px}.contact-list>a:last-child{cursor:pointer}
@media(max-width:1050px){.admin-grid-4{grid-template-columns:1fr 1fr}.admin-assets-grid{grid-template-columns:1fr}.admin-identity-hero{align-items:flex-start;flex-direction:column}.admin-brand-preview{width:100%}}
@media(max-width:680px){.admin-identity-hero{padding:27px 23px}.admin-identity-hero h2{font-size:31px}.admin-grid-2,.admin-grid-4{grid-template-columns:1fr}.admin-form-section{padding:22px 18px}.admin-asset-card{grid-template-columns:105px 1fr}.admin-save-bar{align-items:stretch;flex-direction:column;gap:13px}.admin-save-bar .button{justify-content:center}.institution-facts{gap:7px}.institution-facts>div{min-width:90px;padding:9px 11px}}

/* Uploaded logo: larger, neutral canvas, and high contrast */
.brand-mark.uploaded-logo{width:58px;height:58px;padding:5px;background:#fffdf7!important;border:2px solid #ef6c1a;border-radius:18px;box-shadow:0 7px 18px #74320d24,inset 0 0 0 2px #ffd34f55}.brand-mark.uploaded-logo img,.admin-avatar.uploaded-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 1px #00000018)}.nav .brand-mark.uploaded-logo{width:74px;height:74px;padding:6px;border-radius:22px;box-shadow:0 9px 24px #7b310d2b,inset 0 0 0 3px #ffd34f66}.nav .brand{gap:15px}.nav .brand strong{font-size:23px}.nav.scrolled .brand-mark.uploaded-logo{width:58px;height:58px;padding:5px;border-radius:17px}.nav.scrolled .brand strong{font-size:20px}.admin-sidebar .brand-mark.uploaded-logo{width:58px;height:58px}.admin-brand-preview .brand-mark.uploaded-logo{width:74px;height:74px;padding:6px}.admin-avatar.uploaded-logo{width:52px;height:52px;padding:5px;background:#fffdf7;border:2px solid #ef6c1a;box-shadow:0 7px 18px #74320d1e}.article-nav .brand-mark.uploaded-logo,.article-footer .brand-mark.uploaded-logo,.login-visual .brand-mark.uploaded-logo{width:64px;height:64px;padding:5px}.admin-asset-preview.contain{background:#fffaf0;padding:12px}.admin-asset-preview.contain img{object-fit:contain;filter:drop-shadow(0 3px 5px #54210b20)}
@media(max-width:720px){.nav .brand-mark.uploaded-logo{width:58px;height:58px;padding:4px;border-radius:16px}.nav .brand{gap:10px}.nav .brand strong{font-size:18px}.nav .brand b{font-size:9px}.nav.scrolled .brand-mark.uploaded-logo{width:52px;height:52px}.article-nav .brand-mark.uploaded-logo{width:52px;height:52px}.admin-sidebar .brand-mark.uploaded-logo{width:48px;height:48px;padding:4px}}

/* Admin feedback toast and private integrations */
.admin-toast{position:fixed;right:26px;top:24px;z-index:300;width:min(410px,calc(100vw - 32px));padding:16px 17px;border-radius:12px;color:white;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;box-shadow:0 18px 50px #2b160c38;animation:toast-in .28s ease-out}.admin-toast.success{background:#176b4f}.admin-toast.error{background:#a7352a}.admin-toast.loading{background:#9b430f}.admin-toast>svg{width:24px;height:24px}.admin-toast>div{display:flex;flex-direction:column;gap:3px}.admin-toast b{font-size:12px}.admin-toast span{font-size:10px;line-height:1.45;color:#ffffffd6}.admin-toast button{width:28px;height:28px;border:0;border-radius:50%;background:#ffffff17;color:white;display:grid;place-items:center}.admin-toast button svg{width:15px}.spin{animation:admin-spin .8s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}@keyframes toast-in{from{opacity:0;transform:translateY(-12px) scale(.97)}}.button:disabled{opacity:.65;cursor:not-allowed;transform:none!important}.integration-page{display:grid;gap:22px}.integration-hero{padding:32px 35px;background:linear-gradient(125deg,#54210b,#a6430d 72%,#ef6c1a);border-radius:16px;color:#fff8e7;display:grid;grid-template-columns:72px 1fr auto;gap:22px;align-items:center;box-shadow:0 14px 35px #54210b17}.integration-hero>span{width:66px;height:66px;border-radius:20px;background:#ffd34f;color:#54210b;display:grid;place-items:center;box-shadow:5px 6px 0 #3e1709}.integration-hero>span svg{width:30px;height:30px}.integration-hero small{font-size:8px;letter-spacing:.18em;color:#ffd34f;font-weight:900}.integration-hero h2{font:34px Georgia,serif;margin:8px 0}.integration-hero p{font-size:12px;line-height:1.6;color:#ead5c5;margin:0;max-width:680px}.integration-hero code{padding:2px 5px;background:#ffffff15;border-radius:4px}.integration-status{padding:10px 13px;border:1px solid #ffffff31;border-radius:999px;display:flex;align-items:center;gap:8px;font-size:9px;font-weight:900;white-space:nowrap}.integration-status i{width:8px;height:8px;border-radius:50%;background:#bca89b}.integration-status.connected i{background:#65df8f;box-shadow:0 0 0 4px #65df8f22}.integration-panel{display:grid;grid-template-columns:1fr 1.15fr;gap:38px;padding:35px}.integration-copy{display:flex;gap:15px;align-items:flex-start}.integration-copy>span{width:45px;height:45px;border-radius:12px;background:#fff0b8;color:#a3400c;display:grid;place-items:center;flex:0 0 auto}.integration-copy>span svg{width:20px}.integration-copy h2{font-size:24px;margin:2px 0 8px}.integration-copy p{font-size:11px;line-height:1.65;color:#7a8982;margin:0}.field-help{font-size:9px;color:#819089;line-height:1.5}.integration-remove{display:flex;align-items:center;gap:8px!important;padding:11px 13px;background:#fff4ef;border:1px solid #efcfc3;border-radius:7px;color:#9b3b20}.integration-remove input{width:auto;padding:0}.integration-note{grid-column:1/-1;border-top:1px solid #e8ece9;padding-top:18px;display:flex;justify-content:space-between;font-size:10px}.integration-note span{color:#75847d}.integration-panel form .button{width:max-content}
@media(max-width:900px){.integration-hero{grid-template-columns:60px 1fr}.integration-status{grid-column:1/-1;width:max-content}.integration-panel{grid-template-columns:1fr}.integration-note{grid-column:auto}}
@media(max-width:600px){.admin-toast{top:14px;right:16px}.integration-hero{padding:25px 20px;grid-template-columns:1fr}.integration-hero>span{width:58px;height:58px}.integration-status{grid-column:auto}.integration-panel{padding:24px 18px}.integration-note{align-items:flex-start;flex-direction:column;gap:6px}}

/* Premium achievement stage */
.achievement-showcase{position:relative;overflow:hidden;background:#3e190a;color:#fff8e5;padding:115px clamp(24px,7vw,112px) 85px}.achievement-showcase:before{content:"PRESTASI";position:absolute;right:-30px;top:18px;font:900 clamp(90px,14vw,220px)/1 Arial,sans-serif;color:#ffd34f08;letter-spacing:-.08em}.achievement-glow{position:absolute;border-radius:50%;filter:blur(3px);pointer-events:none}.achievement-glow.glow-one{width:440px;height:440px;right:-160px;top:-140px;background:#ef6c1a22;border:70px solid #ffd34f0b}.achievement-glow.glow-two{width:230px;height:230px;left:-100px;bottom:90px;border:45px solid #ef6c1a18}.achievement-heading{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:55px;max-width:1400px;margin:0 auto 55px}.achievement-heading h2{font:500 clamp(48px,5vw,75px)/.98 Georgia,serif;letter-spacing:-.045em;margin:13px 0 0}.achievement-heading h2 em{color:#ffd34f}.achievement-heading>p{max-width:460px;font-size:13px;line-height:1.8;color:#d8bdab;margin:0 0 5px}.achievement-stage{position:relative;z-index:2;max-width:1400px;min-height:650px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;background:#fff8e8;color:#54210b;border:2px solid #ffd34f;box-shadow:16px 18px 0 #ef6c1a;animation:achievement-in .65s cubic-bezier(.22,.8,.25,1)}@keyframes achievement-in{from{opacity:.25;transform:translateX(28px)}}.achievement-story{padding:clamp(38px,5vw,75px);display:flex;flex-direction:column;justify-content:center;position:relative;background-image:radial-gradient(#9a3c0815 1.2px,transparent 1.2px);background-size:18px 18px}.achievement-position{display:flex;align-items:center;gap:11px;margin-bottom:28px}.achievement-position span{font:46px Georgia,serif;color:#ef6c1a}.achievement-position i{width:55px;height:1px;background:#9e674a}.achievement-position small{font-size:10px;color:#9b765f}.achievement-level{width:max-content;display:flex;align-items:center;gap:8px;background:#ffd34f;padding:9px 12px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.achievement-level svg{width:15px;height:15px}.achievement-story h3{font:500 clamp(37px,4vw,62px)/1.03 Georgia,serif;letter-spacing:-.04em;margin:25px 0;max-width:620px}.achievement-winner{display:flex;flex-direction:column;border-left:5px solid #ef6c1a;padding-left:15px}.achievement-winner small{font-size:8px;letter-spacing:.16em;color:#9c6d52}.achievement-winner b{font:24px Georgia,serif;margin-top:5px}.achievement-story>p{font-size:13px;line-height:1.8;color:#795b48;max-width:610px;margin:27px 0}.achievement-controls{display:flex;align-items:center;gap:8px;margin-top:8px}.achievement-controls button{width:43px;height:43px;border:2px solid #54210b;background:transparent;color:#54210b;display:grid;place-items:center;transition:.2s}.achievement-controls button:hover{background:#ef6c1a;color:white;transform:translateY(-2px)}.achievement-controls button svg{width:18px}.achievement-controls span{font-size:8px;text-transform:uppercase;letter-spacing:.14em;margin-left:10px}.achievement-poster{position:relative;min-height:650px;padding:42px;background:linear-gradient(145deg,#ffd34f,#f49520);display:grid;place-items:center;overflow:hidden}.achievement-poster:before{content:"✦";position:absolute;font-size:310px;color:#fff7d32c;right:-30px;top:-90px}.achievement-poster-frame{position:relative;width:min(100%,570px);height:100%;min-height:565px;background:white;border:9px solid #fffdf6;outline:2px solid #54210b;box-shadow:13px 15px 0 #54210b;transform:rotate(1deg)}.achievement-poster-frame img{object-fit:contain;background:white}.achievement-medal{position:absolute;right:25px;bottom:25px;width:105px;height:105px;border-radius:50%;background:#54210b;color:#ffd34f;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 8px #fff4bc,0 0 0 11px #54210b;transform:rotate(8deg)}.achievement-medal svg{width:27px}.achievement-medal span{text-align:center;font-size:7px;line-height:1.35;letter-spacing:.14em;margin-top:5px}.achievement-rail{position:relative;z-index:2;max-width:1400px;margin:45px auto 0;overflow-x:auto;padding:5px 0 14px;scrollbar-color:#ef6c1a #ffffff12}.achievement-rail-track{display:flex;gap:12px;min-width:max-content}.achievement-rail button{width:290px;padding:9px;display:grid;grid-template-columns:68px 1fr 28px;align-items:center;gap:12px;text-align:left;background:#ffffff09;border:1px solid #ffd34f31;color:#f7e8d8;transition:.25s}.achievement-rail button.active{background:#ffd34f;color:#54210b;border-color:#ffd34f;transform:translateY(-4px)}.achievement-rail button>span{height:72px;position:relative;background:white}.achievement-rail button img{object-fit:cover}.achievement-rail button>div{display:flex;flex-direction:column}.achievement-rail button small{font-size:7px;text-transform:uppercase;letter-spacing:.1em;color:#e9a96f}.achievement-rail button.active small{color:#a0440d}.achievement-rail button b{font:14px/1.3 Georgia,serif;margin-top:5px}.achievement-rail button>i{font:18px Georgia,serif;font-style:normal;opacity:.6}
@media(max-width:900px){.achievement-showcase{padding-top:90px}.achievement-heading{display:block}.achievement-heading>p{margin-top:25px}.achievement-stage{grid-template-columns:1fr;box-shadow:9px 10px 0 #ef6c1a}.achievement-poster{min-height:620px;grid-row:1}.achievement-poster-frame{height:540px;min-height:0}.achievement-story{padding:50px 32px}.achievement-medal{width:85px;height:85px}.achievement-stage{min-height:0}}
@media(max-width:600px){.achievement-showcase{padding:78px 20px 65px}.achievement-heading h2{font-size:46px}.achievement-poster{min-height:490px;padding:25px 18px}.achievement-poster-frame{height:440px;border-width:6px;box-shadow:8px 9px 0 #54210b}.achievement-medal{right:17px;bottom:17px;width:76px;height:76px}.achievement-story h3{font-size:39px}.achievement-winner b{font-size:20px}.achievement-rail button{width:255px}}

/* Achievement administration */
.achievement-admin-page{display:grid;gap:22px}.achievement-admin-hero{padding:34px 38px;border-radius:16px;background:linear-gradient(120deg,#54210b,#963b0a);color:#fff7e7;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.achievement-admin-hero:after{content:"★";position:absolute;right:28%;top:-95px;font-size:230px;color:#ffd34f12}.achievement-admin-hero>div,.achievement-admin-hero>button{position:relative;z-index:1}.achievement-admin-hero span{font-size:8px;letter-spacing:.18em;color:#ffd34f;font-weight:900}.achievement-admin-hero h2{font:36px Georgia,serif;margin:10px 0 7px}.achievement-admin-hero p{font-size:11px;color:#e3cbb8;margin:0}.achievement-admin-list{display:grid;gap:12px}.achievement-admin-list article{min-height:170px;padding:15px 18px;background:white;border:1px solid #e5e8e6;border-radius:12px;display:grid;grid-template-columns:55px 115px 1fr auto;align-items:center;gap:18px;transition:.2s}.achievement-admin-list article:hover{transform:translateX(4px);border-color:#ef6c1a;box-shadow:0 10px 30px #54210b0c}.achievement-admin-number{font:30px Georgia,serif;color:#ef6c1a}.achievement-admin-poster{height:135px;position:relative;background:#fff4d4;border-radius:7px;overflow:hidden}.achievement-admin-poster img{object-fit:contain}.achievement-admin-info>span{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#ef6c1a;font-weight:900}.achievement-admin-info h3{font:23px Georgia,serif;margin:7px 0}.achievement-admin-info b{font-size:11px}.achievement-admin-info p{font-size:10px;line-height:1.55;color:#7b8982;margin:8px 0 0}.achievement-empty{min-height:350px;background:white;border:1px dashed #d9c6ae;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.achievement-empty>svg{width:48px;height:48px;color:#ef6c1a}.achievement-empty h3{font:28px Georgia,serif;margin:15px 0 5px}.achievement-empty p{font-size:11px;color:#819089;margin-bottom:22px}.achievement-modal-card{width:min(780px,95vw)}.achievement-modal-card .admin-modal-head small{font-size:8px;letter-spacing:.16em;color:#ef6c1a;font-weight:900}.achievement-modal-card .admin-modal-head h2{margin:7px 0 0}
@media(max-width:720px){.achievement-admin-hero{align-items:flex-start;flex-direction:column;padding:28px 23px}.achievement-admin-list article{grid-template-columns:42px 85px 1fr;gap:11px}.achievement-admin-poster{height:110px}.achievement-admin-list article>.row-actions{grid-column:2/-1}.achievement-admin-info h3{font-size:19px}.achievement-admin-info p{display:none}}

/* Public announcements and downloadable documents */
.announcement-public{padding:105px clamp(24px,7vw,112px);background:#fffaf0;color:#54210b;position:relative;overflow:hidden}.announcement-public:after{content:"!";position:absolute;right:-20px;top:-75px;font:900 320px/1 Arial,sans-serif;color:#ffd34f24}.announcement-public-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:55px;max-width:1400px;margin:0 auto 48px}.announcement-public-head h2{font:500 clamp(44px,5vw,68px)/1 Georgia,serif;letter-spacing:-.04em;margin:12px 0 0}.announcement-public-head>p{max-width:480px;font-size:13px;line-height:1.75;color:#80634f;margin:0}.announcement-public-grid{position:relative;z-index:1;max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}.announcement-public-grid article{min-height:275px;display:grid;grid-template-columns:110px 1fr;background:white;border:2px solid #54210b16;box-shadow:8px 9px 0 #ffd34f;transition:.25s}.announcement-public-grid article:hover{transform:translate(-3px,-4px);box-shadow:11px 13px 0 #ef6c1a}.announcement-public-grid article.featured{grid-column:1/-1;grid-template-columns:145px 1fr;background:linear-gradient(120deg,#fff,#fff4cb)}.announcement-date{background:#54210b;color:#ffd34f;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.announcement-date strong{font:50px Georgia,serif}.announcement-date span{max-width:75px;font-size:9px;line-height:1.4;text-transform:uppercase;letter-spacing:.12em;margin-top:6px}.announcement-public-copy{padding:34px;display:flex;flex-direction:column;align-items:flex-start}.announcement-public-copy>span{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:900;letter-spacing:.15em;color:#ef6c1a}.announcement-public-copy>span svg{width:15px}.announcement-public-copy h3{font:29px/1.15 Georgia,serif;margin:15px 0 10px}.announcement-public-grid article.featured h3{font-size:38px}.announcement-public-copy>p{font-size:12px;line-height:1.7;color:#765d4c;margin:0 0 24px}.announcement-public-copy>a{width:100%;margin-top:auto;padding:13px 15px;border:1px solid #e5d6c1;background:#fffaf0;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;border-radius:8px;transition:.2s}.announcement-public-copy>a:hover{background:#ffd34f;border-color:#ffd34f}.announcement-public-copy>a>svg:first-child{width:25px;color:#ef6c1a}.announcement-public-copy>a>svg:last-child{width:17px}.announcement-public-copy>a>div{display:flex;flex-direction:column;min-width:0}.announcement-public-copy>a b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement-public-copy>a small{font-size:8px;color:#8b7565;margin-top:4px}
@media(max-width:850px){.announcement-public-head{display:block}.announcement-public-head>p{margin-top:20px}.announcement-public-grid{grid-template-columns:1fr}.announcement-public-grid article,.announcement-public-grid article.featured{grid-column:auto;grid-template-columns:90px 1fr}.announcement-public-grid article.featured h3{font-size:30px}}
@media(max-width:560px){.announcement-public{padding:78px 20px}.announcement-public-grid article,.announcement-public-grid article.featured{grid-template-columns:1fr}.announcement-date{padding:15px;flex-direction:row;gap:8px;justify-content:flex-start}.announcement-date strong{font-size:28px}.announcement-date span{max-width:none;margin:0}.announcement-public-copy{padding:25px 20px}.announcement-public-copy h3,.announcement-public-grid article.featured h3{font-size:27px}}

/* Announcement administration */
.announcement-admin-page{display:grid;gap:22px}.announcement-admin-hero{padding:32px 36px;border-radius:16px;background:linear-gradient(125deg,#ef6c1a,#ac410a 72%,#54210b);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 14px 35px #54210b17}.announcement-admin-hero>div{display:flex;align-items:center;gap:18px}.announcement-admin-hero>div>span{width:62px;height:62px;border-radius:18px;background:#ffd34f;color:#54210b;display:grid;place-items:center;box-shadow:5px 6px 0 #54210b}.announcement-admin-hero>div>span svg{width:29px}.announcement-admin-hero small{font-size:8px;letter-spacing:.18em;color:#ffd34f;font-weight:900}.announcement-admin-hero h2{font:34px Georgia,serif;margin:7px 0}.announcement-admin-hero p{font-size:11px;color:#ffe1c7;margin:0}.announcement-admin-list{display:grid;gap:12px}.announcement-admin-list article{padding:22px;background:white;border:1px solid #e4e8e5;border-radius:12px;display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:start}.announcement-file-icon{width:54px;height:54px;border-radius:14px;background:#fff0b8;color:#a43d09;display:grid;place-items:center}.announcement-file-icon svg{width:25px}.announcement-admin-list article small{font-size:8px;letter-spacing:.1em;color:#ef6c1a;font-weight:800}.announcement-admin-list article h3{font:24px Georgia,serif;margin:7px 0}.announcement-admin-list article p{font-size:10px;line-height:1.6;color:#78867f;margin:0 0 12px}.announcement-admin-list article a{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:800;color:#9e410d}.announcement-admin-list article a svg{width:15px}.announcement-admin-empty{min-height:330px;background:white;border:1px dashed #d9c6ae;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.announcement-admin-empty>svg{width:48px;height:48px;color:#ef6c1a}.announcement-admin-empty h3{font:27px Georgia,serif;margin:14px 0 5px}.announcement-admin-empty p{font-size:11px;color:#819089}.announcement-modal-card{width:min(720px,95vw)}.announcement-modal-card .admin-modal-head small{font-size:8px;letter-spacing:.16em;color:#ef6c1a;font-weight:900}.announcement-modal-card .admin-modal-head h2{margin:7px 0 0}.announcement-upload-field{padding:16px;background:#fffaf0;border:1px dashed #d9b88d;border-radius:9px}.announcement-upload-field small{font-size:9px;color:#8b7b70}.announcement-upload-field>span{display:flex;align-items:center;gap:7px;font-size:9px;color:#9d430e;margin-top:7px}.announcement-upload-field>span svg{width:16px}.announcement-publish{display:flex;align-items:center;gap:8px!important}.announcement-publish input{width:auto!important}
@media(max-width:700px){.announcement-admin-hero{align-items:flex-start;flex-direction:column;padding:27px 22px}.announcement-admin-hero>div{align-items:flex-start}.announcement-admin-list article{grid-template-columns:48px 1fr}.announcement-admin-list article>.row-actions{grid-column:2}.announcement-file-icon{width:46px;height:46px}}

/* Public facilities */
.facilities{background:#fff8e8;position:relative;overflow:hidden}.facilities:before{content:"FASILITAS";position:absolute;left:-10px;top:30px;font:900 clamp(70px,12vw,180px)/1 Arial,sans-serif;color:#ef6c1a0a;letter-spacing:-.06em;pointer-events:none}.facility-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1400px;margin:0 auto}.facility-card{background:white;border:2px solid #54210b14;box-shadow:7px 8px 0 #ffd34f;overflow:hidden;transition:.25s;display:flex;flex-direction:column;width:100%;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit}.facility-card:hover{transform:translate(-3px,-4px);box-shadow:11px 12px 0 #ef6c1a}.facility-card:focus-visible{outline:3px solid #ef6c1a;outline-offset:3px}.facility-card.facility-2{background:#fff6d4}.facility-card.facility-3{background:#fff}.facility-card.facility-4{background:#ffefb0}.facility-card.facility-5{background:#fffaf0}.facility-card.facility-6{background:#ffe8a8}.facility-image{position:relative;height:220px;overflow:hidden}.facility-image img{object-fit:cover;transition:.45s}.facility-card:hover .facility-image img{transform:scale(1.06)}.facility-image span{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;background:#ffd34f;color:#54210b;padding:8px 11px;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;border:1.5px solid #54210b}.facility-image span svg{width:14px;height:14px}.facility-body{padding:22px 22px 26px;display:flex;flex-direction:column;gap:8px;flex:1}.facility-body small{font:22px Georgia,serif;color:#ef6c1a}.facility-body h3{font:26px/1.15 Georgia,serif;margin:0;color:#4d2813}.facility-body p{font-size:12px;line-height:1.7;color:#7a6555;margin:0;flex:1}.facility-body>b{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:11px;color:#ef6c1a;font-weight:800}
@media(max-width:1000px){.facility-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.facility-grid{grid-template-columns:1fr}.facility-image{height:200px}.facility-body h3{font-size:23px}}


.facility-modal{position:fixed;inset:0;z-index:120;background:#3e190acc;backdrop-filter:blur(8px);display:grid;place-items:center;padding:22px;animation:facility-modal-in .28s ease}
@keyframes facility-modal-in{from{opacity:0}to{opacity:1}}
.facility-modal-card{width:min(920px,100%);max-height:min(90vh,820px);overflow:auto;background:#fff8e8;border:2px solid #ffd34f;box-shadow:14px 16px 0 #ef6c1a;display:grid;grid-template-columns:1.05fr .95fr;position:relative;animation:facility-card-in .32s cubic-bezier(.22,.8,.25,1)}
@keyframes facility-card-in{from{opacity:.3;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.facility-modal-close{position:absolute;top:14px;right:14px;z-index:2;width:42px;height:42px;border:2px solid #54210b;background:#ffd34f;color:#54210b;display:grid;place-items:center;cursor:pointer;transition:.2s}
.facility-modal-close:hover{background:#ef6c1a;color:white;border-color:#ef6c1a}
.facility-modal-close svg{width:18px;height:18px}
.facility-modal-media{position:relative;min-height:420px;background:#54210b}
.facility-modal-media img{object-fit:cover}
.facility-modal-media span{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:8px;background:#ffd34f;color:#54210b;padding:9px 12px;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;border:1.5px solid #54210b}
.facility-modal-media span svg{width:15px;height:15px}
.facility-modal-copy{padding:42px 38px;display:flex;flex-direction:column;justify-content:center;background-image:radial-gradient(#9a3c0812 1.2px,transparent 1.2px);background-size:18px 18px}
.facility-modal-copy small{font:28px Georgia,serif;color:#ef6c1a}
.facility-modal-copy h3{font:500 clamp(32px,4vw,48px)/1.05 Georgia,serif;letter-spacing:-.035em;color:#4d2813;margin:14px 0 18px}
.facility-modal-copy p{font-size:14px;line-height:1.85;color:#6f5645;margin:0}
.facility-modal-nav{display:flex;gap:8px;margin-top:28px}
.facility-modal-nav button{width:44px;height:44px;border:2px solid #54210b;background:transparent;color:#54210b;display:grid;place-items:center;cursor:pointer;transition:.2s}
.facility-modal-nav button:hover{background:#ef6c1a;color:white;border-color:#ef6c1a;transform:translateY(-2px)}
.facility-modal-nav button svg{width:18px;height:18px}
@media(max-width:820px){.facility-modal-card{grid-template-columns:1fr;max-height:92vh}.facility-modal-media{min-height:260px}.facility-modal-copy{padding:28px 24px 32px}.facility-modal-copy h3{font-size:34px}}

/* Facility administration */
.facility-admin-page{display:grid;gap:22px}.facility-admin-hero{padding:34px 38px;border-radius:16px;background:linear-gradient(125deg,#ffcb3e,#ef6c1a 58%,#54210b);color:#fff7e7;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden;box-shadow:0 14px 35px #54210b17}.facility-admin-hero:after{content:"◆";position:absolute;right:18%;top:-70px;font-size:220px;color:#ffffff10}.facility-admin-hero>div,.facility-admin-hero>button{position:relative;z-index:1}.facility-admin-hero span{font-size:8px;letter-spacing:.18em;color:#fff4c4;font-weight:900}.facility-admin-hero h2{font:36px Georgia,serif;margin:10px 0 7px}.facility-admin-hero p{font-size:11px;color:#ffe8c8;margin:0}.facility-admin-list{display:grid;gap:12px}.facility-admin-list article{min-height:150px;padding:15px 18px;background:white;border:1px solid #e5e8e6;border-radius:12px;display:grid;grid-template-columns:55px 130px 1fr auto;align-items:center;gap:18px;transition:.2s}.facility-admin-list article:hover{transform:translateX(4px);border-color:#ef6c1a;box-shadow:0 10px 30px #54210b0c}.facility-admin-number{font:30px Georgia,serif;color:#ef6c1a}.facility-admin-photo{height:120px;position:relative;background:#fff4d4;border-radius:7px;overflow:hidden}.facility-admin-photo img{object-fit:cover}.facility-admin-info>span{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#ef6c1a;font-weight:900}.facility-admin-info h3{font:23px Georgia,serif;margin:7px 0}.facility-admin-info p{font-size:10px;line-height:1.55;color:#7b8982;margin:0}.facility-empty{min-height:350px;background:white;border:1px dashed #d9c6ae;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.facility-empty>svg{width:48px;height:48px;color:#ef6c1a}.facility-empty h3{font:28px Georgia,serif;margin:15px 0 5px}.facility-empty p{font-size:11px;color:#819089;margin-bottom:22px}.facility-modal-card{width:min(720px,95vw)}.facility-modal-card .admin-modal-head small{font-size:8px;letter-spacing:.16em;color:#ef6c1a;font-weight:900}.facility-modal-card .admin-modal-head h2{margin:7px 0 0}
@media(max-width:720px){.facility-admin-hero{align-items:flex-start;flex-direction:column;padding:28px 23px}.facility-admin-list article{grid-template-columns:42px 90px 1fr;gap:11px}.facility-admin-photo{height:100px}.facility-admin-list article>.row-actions{grid-column:2/-1}.facility-admin-info h3{font-size:19px}.facility-admin-info p{display:none}}


/* --- Penyesuaian tema versi Blade ---------------------------------------
 * Versi asli menampilkan prestasi sebagai korsel bergilir. Versi ini
 * menampilkan seluruhnya sekaligus supaya terbaca mesin pencari dan tetap
 * bekerja tanpa JavaScript kerangka. Aturan di bawah merapikan bentuknya.
 */
.achievement-rail-track{flex-wrap:wrap}
.achievement-rail-track>div{display:flex;align-items:center;gap:14px;background:#ffffff12;border:1px solid #ffffff1f;border-radius:16px;padding:12px 16px;min-width:260px;flex:1 1 260px}
.achievement-rail-track>div>span{width:56px;height:56px;border-radius:12px;overflow:hidden;flex:none;background:#ffffff14}
.achievement-rail-track>div>span img{width:100%;height:100%;object-fit:cover}
.achievement-rail-track>div>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.achievement-rail-track>div>div small{opacity:.75;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.achievement-rail-track>div>div b{font-size:15px;line-height:1.3}
.achievement-rail-track>div>div em{font-style:normal;opacity:.8;font-size:12px}
.achievement-rail-track>div>i{margin-left:auto;font-style:normal;opacity:.35;font-weight:700}

/* Fasilitas: versi Blade memakai div, bukan tombol pembuka modal. */
.facility-card{text-align:left}
.facility-image img{width:100%;height:100%;object-fit:cover}

/* Gambar hero/tentang: aslinya memakai <Image fill> milik Next. */
.photo-main img,.about-main img,.about-small img,.vision-photo img,.news-image img,.gallery-item img{width:100%;height:100%;object-fit:cover}
.photo-main,.about-main,.about-small,.vision-photo,.news-image,.gallery-item{overflow:hidden}

/* Atribut [hidden] kalah oleh .lightbox{display:flex} milik desain asli,
 * sehingga lightbox tampil sebagai lapisan gelap menutupi seluruh halaman.
 * Aturan ini harus tetap ada bila CSS desain disalin ulang. */
.lightbox[hidden]{display:none !important}