:root{--green:#083b2d;--green2:#0e5842;--green3:#177057;--gold:#caa64b;--gold2:#e0c66f;--cream:#f7f5ef;--cream2:#eee9dd;--ink:#14251f;--muted:#66756f;--white:#fff;--line:#dfe6e2;--radius:24px;--shadow:0 22px 60px rgba(8,59,45,.12);--shadow-hover:0 28px 70px rgba(8,59,45,.18);--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(8,59,45,.08);backdrop-filter:blur(18px);transition:box-shadow .3s var(--ease),background .3s var(--ease)}.topbar.scrolled{box-shadow:0 10px 35px rgba(8,59,45,.08);background:rgba(255,255,255,.97)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;transition:height .3s var(--ease)}.topbar.scrolled .nav{height:72px}.brand{display:flex;gap:12px;align-items:center;color:var(--green)}.brand img{width:68px;height:68px;object-fit:contain;transition:transform .3s var(--ease)}.brand:hover img{transform:scale(1.07)}.brand span{display:flex;flex-direction:column;line-height:1.05;letter-spacing:.04em}.brand b{font-size:18px}.brand small{font-size:11px;color:var(--muted);margin-top:5px;letter-spacing:.02em}.nav nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:700}.nav nav>a:not(.btn){position:relative;padding:29px 0;transition:color .25s ease}.nav nav>a:not(.btn)::after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:2px;background:var(--gold);transition:right .28s var(--ease)}.nav nav>a:not(.btn):hover{color:var(--green2)}.nav nav>a:not(.btn):hover::after{right:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 21px;border-radius:999px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s ease,border-color .25s ease}.btn:hover{transform:translateY(-2px)}.btn span{transition:transform .25s var(--ease)}.btn:hover span{transform:translateX(4px)}.btn-gold{background:var(--gold);color:#17251e;box-shadow:0 8px 20px rgba(202,166,75,.2)}.btn-gold:hover{background:#d6b65f;box-shadow:0 13px 28px rgba(202,166,75,.3)}.btn-primary{background:var(--green);color:#fff}.btn-ghost{border-color:rgba(255,255,255,.42);color:#fff;background:rgba(255,255,255,.04)}.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.7)}.btn-ghost-dark{border-color:var(--line);background:#fff;color:var(--green)}.btn-outline-light{border-color:rgba(255,255,255,.45);color:#fff;margin-top:20px}.btn-outline-light:hover{background:#fff;color:var(--green)}.hero{position:relative;background:radial-gradient(circle at 82% 12%,rgba(33,122,91,.85) 0,transparent 30%),linear-gradient(135deg,#062b21,#0b4937);color:#fff;padding:86px 0 94px;overflow:hidden}.hero::after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-150px;bottom:-250px}.hero-pattern,.cta-pattern{position:absolute;inset:0;opacity:.11;background-image:linear-gradient(30deg,transparent 24%,rgba(255,255,255,.22) 25%,rgba(255,255,255,.22) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.22) 75%,rgba(255,255,255,.22) 76%,transparent 77%),linear-gradient(150deg,transparent 24%,rgba(255,255,255,.18) 25%,rgba(255,255,255,.18) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.18) 75%,rgba(255,255,255,.18) 76%,transparent 77%);background-size:64px 112px;mask-image:linear-gradient(90deg,transparent,transparent 48%,#000)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.19em;font-weight:900;color:#f1d77d}.eyebrow::before{content:"";width:28px;height:1px;background:currentColor}.eyebrow.dark{color:#8a6b23}.hero h1,.page-head h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(45px,5.25vw,72px);line-height:1.04;letter-spacing:-.025em;margin:17px 0 24px;font-weight:600}.hero h1 em{color:#e5c767;font-style:normal}.hero p{font-size:18px;color:#d6e4de;max-width:650px;margin:0}.actions{display:flex;gap:12px;margin:31px 0 27px}.trust{display:flex;gap:21px;flex-wrap:wrap;font-size:13px;color:#c8d9d2}.trust i{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:rgba(255,255,255,.12);color:#efd374;font-style:normal;margin-right:5px}.hero-card{position:relative}.image-wrap{overflow:hidden;border-radius:32px;box-shadow:0 32px 85px rgba(0,0,0,.28)}.hero-card img{width:100%;height:480px;object-fit:cover;transition:transform 1.1s var(--ease)}.hero-card:hover img{transform:scale(1.045)}.floating{position:absolute;left:-31px;bottom:30px;background:#fff;color:var(--ink);padding:17px 21px;border-radius:18px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:center;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.floating:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.floating div{display:flex;flex-direction:column}.floating small{color:var(--muted);font-size:12px}.mini-icon{width:36px;height:36px;border-radius:12px;background:var(--cream);color:#9a7622;display:grid;place-items:center;font-size:18px}.hero-badge{position:absolute;right:-20px;top:30px;width:110px;height:110px;border-radius:50%;background:rgba(7,42,32,.88);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 15px 35px rgba(0,0,0,.18)}.hero-badge strong{font-family:Georgia,serif;font-size:28px;color:var(--gold2)}.hero-badge span{font-size:9px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}.quick-info{position:relative;z-index:5;margin-top:-26px}.quick-grid{background:#fff;border-radius:20px;box-shadow:0 18px 55px rgba(8,59,45,.13);display:grid;grid-template-columns:repeat(3,1fr) .9fr;overflow:hidden;border:1px solid rgba(8,59,45,.06)}.quick-item{display:flex;align-items:center;gap:13px;padding:22px 24px;border-right:1px solid var(--line);transition:background .25s ease}.quick-item:hover{background:#fbfaf6}.quick-item small,.quick-item b{display:block}.quick-item small{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:800}.quick-item b{font-size:14px;margin-top:2px}.quick-icon{width:39px;height:39px;border-radius:12px;background:var(--cream);color:#9b7724;display:grid;place-items:center;font-size:18px;transition:transform .3s var(--ease)}.quick-item:hover .quick-icon{transform:scale(1.1) rotate(-3deg)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#35a46d;margin-right:6px;box-shadow:0 0 0 4px rgba(53,164,109,.12)}.quick-link{background:var(--gold);display:flex;align-items:center;justify-content:space-between;padding:22px 25px;font-size:13px;font-weight:900;transition:background .25s ease}.quick-link b{font-size:22px;transition:transform .25s var(--ease)}.quick-link:hover{background:#d7b75e}.quick-link:hover b{transform:translate(3px,-3px)}.section{padding:100px 0}.section.soft{background:var(--cream)}h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4vw,50px);line-height:1.12;letter-spacing:-.02em;margin:11px 0 19px}.lead{font-size:17px;color:var(--muted);max-width:760px}.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:center}.about-media{position:relative;padding:0 0 30px 30px}.about-media::before{content:"";position:absolute;left:0;bottom:0;width:60%;height:60%;border-radius:28px;background:var(--cream2);z-index:-1}.image-frame{border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.image-frame img{width:100%;height:490px;object-fit:cover;transition:transform .8s var(--ease)}.about-media:hover img{transform:scale(1.04)}.experience-card{position:absolute;right:-25px;bottom:0;background:var(--green);color:#fff;border-radius:18px;padding:18px 22px;box-shadow:var(--shadow);display:flex;flex-direction:column}.experience-card b{color:var(--gold2);font-family:Georgia,serif;font-size:22px}.experience-card span{font-size:11px;letter-spacing:.04em}.about-copy .lead{margin-bottom:28px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0 28px}.feature-list>div{display:flex;gap:12px}.feature-icon{flex:0 0 40px;width:40px;height:40px;border-radius:13px;background:var(--cream);color:#96721e;display:grid;place-items:center;font-size:17px;transition:transform .3s var(--ease),background .3s ease}.feature-list>div:hover .feature-icon{transform:scale(1.1);background:#efe5c8}.feature-list p{margin:0;display:flex;flex-direction:column}.feature-list small{color:var(--muted);margin-top:4px;line-height:1.5}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;font-weight:900;border-bottom:1px solid rgba(8,59,45,.2);padding-bottom:4px}.text-link span{transition:transform .25s var(--ease)}.text-link:hover span{transform:translateX(5px)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.section-heading>p{max-width:440px;color:var(--muted);margin:0 0 7px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.cards article{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(8,59,45,.055);transition:transform .32s var(--ease),box-shadow .32s var(--ease),border-color .32s ease}.cards article:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:rgba(202,166,75,.4)}.card-image{height:235px;overflow:hidden;position:relative}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}.cards article:hover .card-image img{transform:scale(1.065)}.card-no{position:absolute;right:15px;top:15px;width:39px;height:39px;border-radius:50%;background:rgba(7,42,32,.86);color:#fff;display:grid;place-items:center;font:700 13px Georgia,serif;backdrop-filter:blur(6px)}.card-body{padding:23px}.card-kicker{font-size:10px;letter-spacing:.13em;color:#94711f;font-weight:900}.cards h3{font-family:Georgia,serif;font-size:23px;margin:8px 0}.cards p{color:var(--muted);margin:0 0 17px}.cards a{font-size:12px;font-weight:900;color:var(--green)}.cards a span{display:inline-block;transition:transform .25s var(--ease)}.cards a:hover span{transform:translateX(5px)}.values{background:#fff}.center-heading{text-align:center;max-width:720px;margin:0 auto 45px}.center-heading .eyebrow::before{display:none}.center-heading p{color:var(--muted)}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:26px;overflow:hidden}.value-card{position:relative;padding:34px 27px;border-right:1px solid var(--line);transition:background .3s ease,transform .3s var(--ease)}.value-card:last-child{border-right:0}.value-card>span{position:absolute;right:18px;top:16px;font:700 12px Georgia,serif;color:#c5cec9}.value-icon{width:50px;height:50px;border-radius:16px;background:var(--cream);display:grid;place-items:center;color:#9b7724;font-size:22px;transition:transform .3s var(--ease),background .3s ease}.value-card:hover{background:#fbfaf6}.value-card:hover .value-icon{transform:scale(1.12) rotate(-4deg);background:#efe4c3}.value-card h3{font-family:Georgia,serif;font-size:23px;margin:18px 0 8px}.value-card p{font-size:14px;color:var(--muted);margin:0}.facility-showcase{background:linear-gradient(135deg,#062b21,#0c4b39);color:#fff;overflow:hidden}.facility-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.facility-copy p{color:#cbdcd5;max-width:500px}.facility-image{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.28)}.facility-image img{width:100%;height:430px;object-fit:cover;transition:transform .8s var(--ease)}.facility-image:hover img{transform:scale(1.055)}.facility-label{position:absolute;left:0;right:0;bottom:0;padding:60px 25px 22px;background:linear-gradient(transparent,rgba(4,29,22,.9));display:flex;flex-direction:column}.facility-label small{color:#e1c666;letter-spacing:.12em;font-weight:900}.facility-label b{font-family:Georgia,serif;font-size:22px}.process{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px;align-items:start}.process-copy{position:sticky;top:120px}.process-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process-list li{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:20px 8px;border-bottom:1px solid var(--line);transition:padding .25s var(--ease),background .25s ease}.process-list li:hover{padding-left:16px;background:#fbfaf6}.process-list li>b{color:#9b7825;font:700 18px Georgia,serif}.process-list div{display:flex;flex-direction:column}.process-list strong{font-size:16px}.process-list span{color:var(--muted);font-size:13px;margin-top:3px}.news-section{background:var(--cream)}.news-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:24px}.news-main{background:#fff;border-radius:24px;overflow:hidden;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.news-main:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.news-image{overflow:hidden}.news-image img{width:100%;height:100%;min-height:350px;object-fit:cover;transition:transform .7s var(--ease)}.news-main:hover img{transform:scale(1.05)}.news-content{padding:30px}.tag{display:inline-block;padding:5px 9px;border-radius:999px;background:#efe4c4;color:#7f611d;font-size:9px;font-weight:900;letter-spacing:.1em}.news-content small,.news-side small{display:block;color:var(--muted);font-size:11px;margin:12px 0}.news-content h3,.news-side h3{font-family:Georgia,serif;line-height:1.25}.news-content h3{font-size:25px}.news-content p{color:var(--muted);font-size:14px}.news-content a,.news-side a{font-size:12px;font-weight:900;color:var(--green)}.news-side{display:grid;gap:18px}.news-side article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.news-side article:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.news-side h3{font-size:20px}.muted-tag{background:#eef2ef;color:#607068}.cta{position:relative;background:var(--green);color:#fff;padding:66px 0;overflow:hidden}.cta .container{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:50px}.cta h2{margin:8px 0;max-width:720px}.cta p{margin:0;color:#d7e3de;max-width:720px}.page-head{background:var(--green);color:#fff;padding:70px 0}.narrow{max-width:850px}.placeholder{margin-top:35px;padding:40px;border:1px dashed #bfc9c3;border-radius:20px;background:#fafbf9;color:var(--muted)}footer{background:#061e17;color:#c7d3ce;padding:62px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid b{color:#fff}.footer-grid a{transition:color .2s ease}.footer-grid a:hover{color:var(--gold2)}.copyright{border-top:1px solid #1b3a30;margin-top:35px;padding-top:22px;font-size:12px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .72s var(--ease),transform .72s var(--ease)}.reveal.visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.18s}.reveal-delay-3{transition-delay:.26s}.auth-wrap{min-height:72vh;background:var(--cream);padding:70px 18px}.auth-card{max-width:520px;margin:auto;background:#fff;padding:38px;border-radius:26px;box-shadow:var(--shadow)}.auth-card.wide{max-width:760px}.auth-card h1{font-family:Georgia,serif;font-size:38px;margin:10px 0}.auth-card>p{color:var(--muted)}label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:13px;margin:16px 0}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #ccd5d0;border-radius:12px;font:inherit;outline:none}input:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(21,90,69,.1)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.check{flex-direction:row;align-items:flex-start;font-weight:500}.check input{width:auto;margin-top:5px}.muted{color:var(--muted)}.flash{padding:12px 18px;text-align:center;font-weight:650}.flash.success{background:#e7f6ed;color:#145b37}.flash.error{background:#fff0ef;color:#9e2b25}.inline{display:inline}.linkbtn{border:0;background:none;font:inherit;font-weight:650;cursor:pointer}.dashboard{background:#f4f7f5;min-height:75vh;padding:55px 0}.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dash-head h1{margin:5px 0;font-family:Georgia,serif}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel,.stat{background:#fff;border:1px solid #e1e7e3;border-radius:20px;padding:25px}.panel h2{font-family:inherit;font-size:20px;margin-top:0}.progress{height:11px;background:#e9efec;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:var(--gold)}.next-action{background:var(--green);color:#fff;padding:18px;border-radius:15px;display:flex;flex-direction:column;margin-top:22px}.next-action small{color:#e7d795}.timeline{border-left:2px solid #dfe6e2;padding-left:20px}.timeline div{display:flex;flex-direction:column;margin:0 0 18px}.timeline time{font-size:12px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat{display:flex;flex-direction:column}.stat small{color:var(--muted)}.stat b{font-size:28px;color:var(--green)}.bell{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px}.bell span{background:#a92727;color:#fff;border-radius:99px;padding:1px 6px;font-size:11px}.chart-placeholder{height:240px;border-radius:15px;background:repeating-linear-gradient(0deg,#fafcfa,#fafcfa 39px,#edf1ee 40px);display:grid;place-items:center;color:var(--muted)}.gateway .dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#c7a34b;margin-right:8px}.gateway .dot.configured{background:#2b9b5f}.gateway .dot.not_configured{background:#d49735}.gateway p{color:var(--muted)}.menu{display:none}
@media(max-width:900px){.nav nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:18px 20px 25px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(8,59,45,.08)}.nav nav.open{display:flex}.nav nav>a:not(.btn){padding:9px 0}.nav nav>a:not(.btn)::after{bottom:3px}.menu{display:block;border:0;background:var(--cream);width:42px;height:42px;border-radius:12px;font-size:21px;color:var(--green)}.hero{padding:60px 0 80px}.hero-grid,.about-grid,.facility-grid,.process,.grid-2{grid-template-columns:1fr}.hero-grid{gap:45px}.hero-card{max-width:650px}.hero-card img{height:400px}.hero-badge{right:15px}.floating{left:15px}.quick-grid{grid-template-columns:1fr 1fr}.quick-item:nth-child(2){border-right:0}.quick-link{grid-column:1/-1}.about-grid{gap:50px}.about-media{max-width:650px}.experience-card{right:10px}.cards{grid-template-columns:1fr 1fr}.cards article:last-child{grid-column:1/-1}.value-grid{grid-template-columns:1fr 1fr}.value-card:nth-child(2){border-right:0}.value-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.process-copy{position:static}.news-grid{grid-template-columns:1fr}.cta .container{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:78px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:600px){.container{width:min(100% - 26px,1180px)}.brand img{width:54px;height:54px}.brand b{font-size:14px}.nav{height:72px}.hero h1{font-size:43px}.hero p{font-size:16px}.actions{flex-direction:column;align-items:stretch}.trust{gap:10px}.hero-card img{height:330px}.hero-badge{width:88px;height:88px}.floating{right:12px;left:12px;bottom:12px}.quick-grid{grid-template-columns:1fr}.quick-item{border-right:0;border-bottom:1px solid var(--line)}.quick-link{grid-column:auto}.image-frame img{height:370px}.about-media{padding-left:12px}.feature-list{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.cards article:last-child{grid-column:auto}.card-image{height:215px}.value-grid{grid-template-columns:1fr}.value-card{border-right:0;border-bottom:1px solid var(--line)}.value-card:last-child{border-bottom:0}.facility-image img{height:320px}.news-main{grid-template-columns:1fr}.news-image img{min-height:230px}.form-grid,.stat-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.section{padding:65px 0}.auth-card{padding:26px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* V2.1 — premium FAQ */
.faq-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f8f6ef 100%)}
.faq-shell{position:relative;z-index:2;display:grid;grid-template-columns:.78fr 1.22fr;gap:78px;align-items:start}
.faq-intro{position:sticky;top:120px}.faq-intro h2{max-width:510px}.faq-intro .lead{max-width:500px}
.faq-signature{margin-top:34px;display:flex;align-items:center;gap:14px;padding:17px 18px;border:1px solid rgba(202,166,75,.28);border-radius:18px;background:rgba(255,255,255,.7);box-shadow:0 16px 45px rgba(8,59,45,.06);max-width:430px}
.faq-signature-icon{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--gold2);font:700 21px Georgia,serif;transition:transform .3s var(--ease)}
.faq-signature:hover .faq-signature-icon{transform:scale(1.1) rotate(6deg)}.faq-signature div{display:flex;flex-direction:column}.faq-signature small{font-size:9px;letter-spacing:.14em;font-weight:900;color:#8a6b23}.faq-signature strong{font-size:13px;margin-top:2px}
.faq-list{background:#fff;border:1px solid rgba(8,59,45,.09);border-radius:28px;padding:12px 26px;box-shadow:0 26px 70px rgba(8,59,45,.09)}
.faq-item{border-bottom:1px solid var(--line)}.faq-item:last-child{border-bottom:0}.faq-question{width:100%;border:0;background:transparent;padding:23px 2px;display:flex;align-items:center;justify-content:space-between;gap:22px;text-align:left;color:var(--ink);cursor:pointer;font:800 15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.faq-question>span{display:flex;align-items:center;gap:15px}.faq-question small{font:700 12px Georgia,serif;color:#aa8735}.faq-question i{position:relative;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:var(--cream);transition:background .3s ease,transform .3s var(--ease)}.faq-question i::before,.faq-question i::after{content:"";position:absolute;left:10px;right:10px;top:16px;height:2px;background:var(--green);transition:transform .3s var(--ease)}.faq-question i::after{transform:rotate(90deg)}
.faq-item.open .faq-question{color:var(--green)}.faq-item.open .faq-question i{background:var(--green);transform:rotate(180deg)}.faq-item.open .faq-question i::before,.faq-item.open .faq-question i::after{background:var(--gold2)}.faq-item.open .faq-question i::after{transform:rotate(0)}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s var(--ease)}.faq-answer>div{overflow:hidden}.faq-answer p{margin:0;padding:0 54px 24px 32px;color:var(--muted);font-size:14px;line-height:1.8}.faq-item.open .faq-answer{grid-template-rows:1fr}
.faq-item:not(.open):hover .faq-question{color:var(--green2)}.faq-item:not(.open):hover .faq-question i{transform:scale(1.08)}
.faq-orb{position:absolute;border-radius:50%;pointer-events:none}.faq-orb-one{width:360px;height:360px;left:-210px;top:60px;border:1px solid rgba(202,166,75,.2)}.faq-orb-two{width:210px;height:210px;left:-105px;top:135px;border:1px solid rgba(8,59,45,.1)}
@media(max-width:900px){.faq-shell{grid-template-columns:1fr;gap:38px}.faq-intro{position:static}.faq-list{padding:8px 20px}}
@media(max-width:600px){.faq-list{border-radius:21px;padding:5px 15px}.faq-question{padding:19px 0;font-size:14px}.faq-question>span{gap:10px}.faq-answer p{padding:0 8px 20px 25px}.faq-signature{margin-top:25px}}

/* V3 — visual storytelling, alumni, portal & PSB form */
.portal-link{padding:9px 14px!important;border:1px solid rgba(8,59,45,.16);border-radius:999px}.portal-link:hover{background:var(--cream)}
.visual-story{background:#fff}.story-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:22px}.story-grid article{position:relative;overflow:hidden;border-radius:26px;min-height:470px;background:#082f25;box-shadow:0 20px 55px rgba(8,59,45,.1)}.story-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.story-grid article::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(2,31,24,.92))}.story-grid article:hover img{transform:scale(1.045)}.story-grid article>div{position:absolute;z-index:2;left:30px;right:30px;bottom:28px;color:#fff}.story-grid span,.visual-cards small{font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--gold2)}.story-grid h3{font:700 30px/1.12 Georgia,serif;margin:8px 0}.story-small h3{font-size:23px}.story-grid p{color:#e4eee9;max-width:650px;margin:0}.visual-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.visual-cards article{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:transform .32s var(--ease),box-shadow .32s ease}.visual-cards article:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(8,59,45,.1)}.visual-cards img{width:100%;height:245px;object-fit:cover;transition:transform .55s var(--ease)}.visual-cards article:hover img{transform:scale(1.04)}.visual-cards article>div{padding:24px}.visual-cards h3{margin:8px 0;font:700 23px Georgia,serif}.visual-cards p{color:var(--muted);margin:0}.alumni-section{background:linear-gradient(125deg,#052f25,#0b5944);color:#fff;overflow:hidden}.alumni-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.alumni-copy h2{color:#fff}.alumni-copy p{color:#d9e9e2;font-size:17px;line-height:1.8}.alumni-points{display:grid;gap:9px;margin:24px 0 30px;color:#f4e5b3}.alumni-collage{position:relative;min-height:460px}.alumni-main{width:84%;height:420px;object-fit:cover;border-radius:28px;box-shadow:0 28px 65px rgba(0,0,0,.25)}.alumni-float{position:absolute;right:0;bottom:0;width:45%;height:190px;object-fit:cover;border:7px solid #0b5944;border-radius:22px;box-shadow:0 20px 45px rgba(0,0,0,.22)}
.psb-register{min-height:calc(100vh - 90px);background:#f7f8f7;padding-bottom:70px}.psb-register-head{background:#042c23;color:#fff;text-align:center;padding:34px 0 38px}.psb-register-head span{font-size:10px;letter-spacing:.17em;color:#e5c76f;font-weight:900}.psb-register-head h1{color:#fff;font:700 clamp(28px,4vw,43px)/1.1 Georgia,serif;margin:7px 0}.psb-register-head p{margin:0;color:#dce9e4;font-size:13px}.psb-register-body{display:flex;justify-content:center}.psb-form-card{width:min(650px,100%);margin-top:42px;background:#fff;border:1px solid #dbe3df;border-radius:26px;padding:38px 42px;box-shadow:0 22px 55px rgba(8,59,45,.11)}.psb-form-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#173a31;margin-bottom:18px}.psb-form-card label b{color:#a67f20}.psb-form-card label small{font-weight:500;color:var(--muted)}.psb-form-card input,.psb-form-card select{width:100%;height:48px;border:1px solid #d7dfdc;background:#fafcfb;border-radius:12px;padding:0 14px;color:#173a31;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.psb-form-card input:focus,.psb-form-card select:focus{background:#fff;border-color:#b69748;box-shadow:0 0 0 4px rgba(202,166,75,.12)}.form-grid.two{grid-template-columns:1fr 1fr;gap:0 18px}.privacy-note{display:flex;gap:12px;align-items:center;background:#f8faf9;border:1px solid #e5ebe8;border-radius:12px;padding:13px 15px;margin:3px 0 18px}.privacy-note span{color:#b08a2d}.privacy-note p{margin:0;color:#687b74;font-size:11px;line-height:1.5}.psb-submit{width:100%;justify-content:center;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.psb-existing{text-align:center;border-top:1px solid #edf0ee;margin-top:17px;padding-top:16px;font-size:11px;color:#75857f}.psb-existing a,.portal-help a{color:var(--green);font-weight:900}.portal-login .auth-card{max-width:520px}.portal-help{display:flex;justify-content:space-between;gap:15px;margin-top:20px;padding-top:17px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
@media(max-width:900px){.story-grid,.alumni-grid{grid-template-columns:1fr}.story-grid article{min-height:420px}.visual-cards{grid-template-columns:1fr 1fr}.visual-cards article:last-child{grid-column:1/-1}.alumni-grid{gap:40px}.alumni-collage{max-width:680px}}
@media(max-width:600px){.story-grid{grid-template-columns:1fr}.story-grid article{min-height:360px}.story-grid h3{font-size:25px}.visual-cards{grid-template-columns:1fr}.visual-cards article:last-child{grid-column:auto}.alumni-collage{min-height:360px}.alumni-main{height:330px;width:92%}.alumni-float{height:145px}.psb-register-head{padding:28px 0 31px}.psb-form-card{margin-top:22px;padding:27px 20px;border-radius:20px}.form-grid.two{grid-template-columns:1fr}.portal-help{flex-direction:column}}

/* V4 — content expansion from penambahan.docx */
.topbar nav{gap:14px}.topbar nav>a:not(.btn){font-size:13px;white-space:nowrap}.topbar nav>.btn{white-space:nowrap}
.about-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}.about-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 16px 45px rgba(8,59,45,.06);transition:transform .3s var(--ease),box-shadow .3s}.about-panel:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(8,59,45,.10)}.about-panel.featured{background:var(--green);color:#fff}.about-panel h3{margin:8px 0 10px;font:700 24px Georgia,serif}.about-panel.featured h3,.about-panel.featured p{color:#fff}.about-panel p{margin:0;color:var(--muted);line-height:1.75}.about-panel small{font-weight:900;letter-spacing:.12em;color:var(--gold2)}
.leadership-strip{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px}.leadership-strip>h3{text-align:center;margin:0 0 20px;font:700 24px Georgia,serif}.leadership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.leader-card{background:#f8faf9;border-radius:16px;padding:20px;text-align:center}.leader-card i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;margin:0 auto 10px;background:var(--green);color:var(--gold2);font-style:normal}.leader-card b{display:block}.leader-card small{display:block;color:var(--muted);margin-top:5px}
.unit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.unit-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 15px 40px rgba(8,59,45,.06);transition:transform .3s var(--ease),box-shadow .3s}.unit-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(8,59,45,.12)}.unit-card img{width:100%;height:220px;object-fit:cover;transition:transform .55s var(--ease)}.unit-card:hover img{transform:scale(1.055)}.unit-card>div{padding:22px}.unit-card small{color:#a37e25;font-weight:900;letter-spacing:.09em}.unit-card h3{margin:7px 0 8px;font:700 23px Georgia,serif}.unit-card p{color:var(--muted);font-size:13px;line-height:1.7}.unit-card a{font-weight:900;color:var(--green)}
.routine{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px}.routine-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.routine-head h3{margin:0;font:700 23px Georgia,serif}.routine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.routine-grid div{padding:17px;background:#f8faf9;border-radius:14px}.routine-grid b{display:block;font-size:13px}.routine-grid small{color:var(--muted);line-height:1.5}
.guardian-section{background:linear-gradient(180deg,#f7f5ed,#fff)}.guardian-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 18px 50px rgba(8,59,45,.07)}.service-card .service-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--gold2);font-size:20px}.service-card h3{font:700 25px Georgia,serif;margin:14px 0 8px}.service-card p{color:var(--muted);line-height:1.7}.service-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.service-fields span{background:#f8faf9;border:1px solid var(--line);border-radius:11px;padding:12px;color:#6c7c76;font-size:12px}.service-fields span:last-child{grid-column:1/-1}.service-card .btn{margin-top:18px;width:100%;justify-content:center}
.contact-section{background:var(--green);color:#fff}.contact-section h2{color:#fff}.contact-section .eyebrow{color:var(--gold2)}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.contact-card{background:#fff;color:var(--ink);border-radius:20px;padding:24px;text-align:center}.contact-card i{font-style:normal;font-size:22px}.contact-card b{display:block;margin:8px 0}.contact-card span{color:var(--muted);font-size:13px}.map-placeholder{margin-top:24px;min-height:300px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#dceee5,#f5edd2);display:grid;place-items:center;color:var(--green);border:8px solid rgba(255,255,255,.12);text-align:center;padding:30px}.map-placeholder b{font:700 28px Georgia,serif}.map-placeholder small{display:block;margin-top:8px;color:#45665c}
@media(max-width:1100px){.topbar nav{gap:9px}.topbar nav>a:not(.btn){font-size:12px}.topbar nav>.btn{padding:12px 15px}}
@media(max-width:900px){.about-detail-grid,.guardian-grid{grid-template-columns:1fr}.leadership-grid,.unit-grid{grid-template-columns:1fr 1fr}.routine-grid{grid-template-columns:1fr 1fr}.contact-cards{grid-template-columns:1fr}}
@media(max-width:600px){.leadership-grid,.unit-grid,.routine-grid{grid-template-columns:1fr}.service-fields{grid-template-columns:1fr}.service-fields span:last-child{grid-column:auto}}
/* V5 - dedicated information pages + hook-focused homepage */
.home-hook-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.home-hook{position:relative;min-height:390px;border-radius:26px;overflow:hidden;color:#fff;box-shadow:var(--shadow)}.home-hook img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .8s var(--ease)}.home-hook:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(3,30,22,.88) 100%)}.home-hook>div{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:32px}.home-hook small{color:var(--gold2);font-weight:900}.home-hook h3{font:600 30px Georgia,serif;margin:5px 0 8px}.home-hook p{color:#dce7e2;max-width:520px}.home-hook b{font-size:13px;color:#f0d77d}.home-hook:hover img{transform:scale(1.06)}
.detail-hero{background:linear-gradient(135deg,#062b21,#0d4e3a);color:#fff;padding:72px 0;overflow:hidden}.detail-hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.detail-hero h1{font:600 clamp(44px,5vw,68px)/1.05 Georgia,serif;margin:14px 0}.detail-hero p{font-size:18px;color:#d3e2dc;max-width:580px}.detail-hero-image{border-radius:28px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.28)}.detail-hero-image img{width:100%;height:390px;object-fit:cover;transition:transform .8s var(--ease)}.detail-hero-image:hover img{transform:scale(1.05)}.detail-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.detail-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.detail-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.detail-card-image{height:220px;overflow:hidden}.detail-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.detail-card:hover img{transform:scale(1.06)}.detail-card-body{padding:25px}.detail-card-body small{color:#987321;font-weight:900}.detail-card-body h3{font:600 24px Georgia,serif;margin:7px 0}.detail-card-body p{color:var(--muted);font-size:14px}.detail-services{margin-top:50px}
@media(max-width:1100px){.nav nav{overflow-y:auto;max-height:calc(100vh - 80px)}}
@media(max-width:900px){.detail-hero-grid{grid-template-columns:1fr}.detail-card-grid{grid-template-columns:1fr 1fr}.home-hook-grid{grid-template-columns:1fr}.detail-hero-image img{height:330px}}
@media(max-width:600px){.detail-card-grid{grid-template-columns:1fr}.detail-hero{padding:52px 0}.detail-hero-image img{height:270px}.home-hook{min-height:340px}.home-hook h3{font-size:26px}}
/* V6 — simplified grouped navigation + content metadata */
.nav nav{gap:12px}.nav-group{position:relative;display:flex;align-items:center;height:100%}.nav-parent{appearance:none;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:800;padding:28px 3px;cursor:pointer;display:flex;gap:5px;align-items:center;white-space:nowrap}.nav-parent span{font-size:12px;transition:transform .25s var(--ease)}.nav-group:hover .nav-parent,.nav-group.open .nav-parent{color:var(--green2)}.nav-group:hover .nav-parent span,.nav-group.open .nav-parent span{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:calc(100% - 7px);left:-18px;width:300px;padding:10px;background:rgba(255,255,255,.98);border:1px solid rgba(8,59,45,.1);border-radius:18px;box-shadow:0 22px 55px rgba(8,59,45,.16);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .22s ease,transform .22s var(--ease),visibility .22s;z-index:80}.nav-dropdown-right{left:auto;right:-10px}.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown,.nav-group.open .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown:before{content:"";position:absolute;top:-7px;left:28px;width:13px;height:13px;background:#fff;border-left:1px solid rgba(8,59,45,.1);border-top:1px solid rgba(8,59,45,.1);transform:rotate(45deg)}.nav-dropdown-right:before{left:auto;right:30px}.nav-dropdown a{display:block;padding:12px 13px;border-radius:12px;transition:background .2s ease,transform .2s ease}.nav-dropdown a:hover{background:#f3f7f5;transform:translateX(3px)}.nav-dropdown b{display:block;font-size:13px;color:var(--green)}.nav-dropdown small{display:block;margin-top:2px;font-size:11px;font-weight:500;color:var(--muted);line-height:1.4}.content-meta{border-top:1px solid var(--line);margin-top:18px;padding-top:13px;display:flex;align-items:center;gap:11px;color:#6e7d77;font-size:11px;font-weight:800}.content-meta .meta-date{margin-right:auto;color:#a17c27}.detail-card .content-meta span:not(.meta-date){transition:color .2s,transform .2s}.detail-card:hover .content-meta span:not(.meta-date){color:var(--green);transform:translateY(-1px)}
@media(max-width:1100px){.nav nav{gap:7px}.nav-parent{font-size:12px}.nav nav>.btn{padding:11px 14px}}
@media(max-width:900px){.nav-group{display:block;width:100%;height:auto;border-bottom:1px solid rgba(255,255,255,.08)}.nav-parent{width:100%;justify-content:space-between;padding:15px 0;color:#fff}.nav-dropdown,.nav-dropdown-right{position:static;width:100%;display:none;opacity:1;visibility:visible;transform:none;background:rgba(255,255,255,.07);border:0;box-shadow:none;border-radius:13px;margin:0 0 10px;padding:6px}.nav-group.open .nav-dropdown{display:block}.nav-dropdown:before{display:none}.nav-dropdown a{padding:11px}.nav-dropdown b{color:#fff}.nav-dropdown small{color:#cbd9d4}.nav-group:hover .nav-dropdown:not(:focus-within){transform:none}.nav-group:hover .nav-parent span{transform:none}.nav-group.open .nav-parent span{transform:rotate(180deg)}}
/* V7 — homepage profile/video showcase, official stats shell, modern news tabs */
.profile-showcase{background:#fff}.profile-video-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.profile-story h2{font:600 clamp(38px,4vw,56px)/1.08 Georgia,serif;margin:12px 0 18px}.profile-story>p:not(.lead){color:var(--muted);max-width:590px}.profile-story .btn{margin-top:16px}.video-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}.video-card{position:relative;height:178px;border-radius:20px;overflow:hidden;box-shadow:0 16px 42px rgba(8,59,45,.13)}.video-card-wide{grid-column:1/-1;height:225px}.video-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease),filter .35s ease}.video-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,32,24,.08),rgba(5,32,24,.64))}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:var(--gold);color:#10271f;box-shadow:0 12px 30px rgba(0,0,0,.24);transition:transform .3s var(--ease),background .3s}.video-label{position:absolute;left:18px;bottom:15px;color:#fff;font-size:12px;font-weight:800}.video-card:hover img{transform:scale(1.06);filter:saturate(1.08)}.video-card:hover .play-button{transform:translate(-50%,-50%) scale(1.1);background:var(--gold2)}.profile-stats{margin-top:60px;padding:30px 34px;border:1px solid var(--line);border-radius:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:linear-gradient(135deg,#fff,#faf8f1);box-shadow:0 16px 45px rgba(8,59,45,.07)}.stat-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:15px;padding:4px 28px;border-right:1px solid var(--line)}.stat-item:last-child{border-right:0}.stat-icon{grid-row:1/3;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#edf5f1;color:var(--green);font-size:25px}.stat-item strong{font-size:31px;line-height:1;color:var(--green)}.stat-item small{color:var(--muted);font-weight:800}.stats-note{text-align:center;color:#8a9893;font-size:11px;margin:12px 0 0}.home-news-modern{background:#f8faf9}.news-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 26px}.news-tab{border:1px solid var(--line);background:#fff;color:var(--muted);padding:10px 16px;border-radius:999px;font-weight:800;cursor:pointer;transition:.25s var(--ease)}.news-tab:hover,.news-tab.active{background:var(--green);border-color:var(--green);color:#fff;transform:translateY(-1px)}.news-category-layout{display:grid;grid-template-columns:260px 1fr;gap:34px}.news-category-menu{border-top:3px solid var(--green);padding:23px 4px}.news-category-menu>span{font-size:10px;letter-spacing:.16em;font-weight:900;color:#9a7628}.news-category-menu h3{font:600 29px Georgia,serif;margin:5px 0 10px}.news-category-menu p{font-size:13px;color:var(--muted)}.news-category-menu a{display:inline-block;margin-top:10px;color:var(--green);font-weight:900;font-size:12px}.news-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.news-feature,.news-all-card{position:relative;min-height:230px;border-radius:20px;overflow:hidden}.news-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}.news-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,31,23,.08),rgba(4,31,23,.85))}.news-feature>div{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:25px;color:#fff}.news-feature small{color:var(--gold2);font-weight:900}.news-feature h3{font:600 23px/1.25 Georgia,serif;margin:5px 0 9px}.news-feature time{font-size:11px;color:#dbe6e1}.news-feature:hover img{transform:scale(1.06)}.news-all-card{background:linear-gradient(135deg,var(--green2),#164f67);color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:center;transition:transform .3s var(--ease),box-shadow .3s}.news-all-card span{font-size:12px;color:var(--gold2);font-weight:900}.news-all-card h3{font:600 28px Georgia,serif;margin:8px 0}.news-all-card b{font-size:25px}.news-all-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.news-feature.is-hidden{display:none}
@media(max-width:900px){.profile-video-grid{grid-template-columns:1fr}.profile-stats{grid-template-columns:1fr 1fr}.stat-item:nth-child(2){border-right:0}.stat-item{margin:8px 0}.news-category-layout{grid-template-columns:1fr}.news-category-menu{padding-bottom:0}.news-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.video-gallery,.news-feature-grid{grid-template-columns:1fr}.video-card-wide{grid-column:auto}.video-card,.video-card-wide{height:210px}.profile-stats{grid-template-columns:1fr;padding:18px}.stat-item,.stat-item:nth-child(2){border-right:0;border-bottom:1px solid var(--line);padding:16px 10px}.stat-item:last-child{border-bottom:0}.news-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.news-tab{white-space:nowrap}}
/* V8 — precise desktop navigation, social links, education CTAs */
@media(min-width:901px){
  .nav{height:94px}.topbar.scrolled .nav{height:80px}
  .nav nav{gap:18px;font-size:15px;font-weight:700}
  .nav-parent{font-size:15px;padding:32px 2px}
  .nav nav>a:not(.btn){padding:33px 0}
  .nav nav>.btn{padding:13px 18px;font-size:14px}
  .brand img{width:72px;height:72px}.brand b{font-size:19px}
}
.nav-social{display:flex;align-items:center;gap:7px;padding:0 2px}.nav-social a{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:12px;font-weight:900;border:1px solid transparent;transition:background .2s,color .2s,transform .2s,border-color .2s}.nav-social a:hover{background:var(--green);color:#fff;transform:translateY(-2px);border-color:var(--green)}
.education-card-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.education-card-actions a{font-size:12px;font-weight:900;color:var(--green);display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.education-card-actions a:last-child{color:#9a7628}.education-card-actions a span{transition:transform .2s}.education-card-actions a:hover span{transform:translateX(3px)}
.education-story{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:start}.education-story>div>p:not(.lead){color:var(--muted);max-width:760px}.education-side{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;padding:34px;border-radius:24px;box-shadow:var(--shadow)}.education-side b{font:600 27px Georgia,serif}.education-side p{color:#d6e4de;margin:8px 0 20px}
@media(max-width:1200px) and (min-width:901px){.nav nav{gap:10px;font-size:13px}.nav-parent{font-size:13px}.nav-social{gap:3px}.nav-social a{width:27px;height:27px}.nav nav>.btn{padding:11px 13px;font-size:12px}.brand img{width:62px;height:62px}.brand span{display:none}}
@media(max-width:900px){.nav-social{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.nav-social a{color:#fff;border-color:rgba(255,255,255,.18)}.education-story{grid-template-columns:1fr}.education-card-actions{align-items:flex-start;flex-direction:column}}

/* V8.1 — stronger navigation typography + social icons moved to footer */
@media(min-width:901px){
  .nav{height:98px}
  .topbar.scrolled .nav{height:84px}
  .nav nav{gap:22px;font-size:17px;font-weight:800}
  .nav-parent{font-size:17px;font-weight:800;padding:34px 2px}
  .nav nav>a:not(.btn){padding:35px 0}
  .nav nav>.btn{font-size:15px;padding:14px 20px}
}
.footer-social{display:flex;align-items:center;gap:10px;margin-top:22px}.footer-social a{width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:grid;place-items:center;color:#fff;transition:transform .25s var(--ease),background .25s,border-color .25s,color .25s}.footer-social svg{width:19px;height:19px;fill:currentColor}.footer-social a:hover{transform:translateY(-4px);background:var(--gold);border-color:var(--gold);color:#10271f}
@media(max-width:1320px) and (min-width:901px){.container{width:min(1240px,calc(100% - 28px))}.nav nav{gap:13px;font-size:15px}.nav-parent{font-size:15px}.nav nav>.btn{font-size:13px;padding:12px 14px}.brand img{width:64px;height:64px}.brand span{display:none}}
@media(max-width:900px){.footer-social{margin-top:18px}}

/* V8.2 — Struktur Yayasan premium horizontal directory */
.foundation-board{margin-top:38px;padding:40px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#fff,#f8faf8);box-shadow:0 18px 55px rgba(8,59,45,.07);overflow:hidden}.foundation-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px}.foundation-head h2{font:600 clamp(28px,3vw,42px)/1.1 Georgia,serif;margin:7px 0 9px;color:var(--green)}.foundation-head p{max-width:720px;color:var(--muted);margin:0}.foundation-arrows{display:flex;gap:8px}.foundation-arrows button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--green);font-size:20px;cursor:pointer;transition:.25s var(--ease)}.foundation-arrows button:hover{background:var(--green);color:#fff;transform:translateY(-2px)}.leader-tabs{display:flex;gap:8px;overflow-x:auto;padding:3px 0 18px;scrollbar-width:none}.leader-tabs::-webkit-scrollbar{display:none}.leader-tab{white-space:nowrap;border:1px solid var(--line);background:#fff;color:var(--muted);padding:10px 15px;border-radius:999px;font-weight:800;cursor:pointer;transition:.25s}.leader-tab.active,.leader-tab:hover{background:var(--green);border-color:var(--green);color:#fff}.leader-slider{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 64px)/5);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:5px 2px 18px;scrollbar-width:none}.leader-slider::-webkit-scrollbar{display:none}.person-card{scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;min-width:0;box-shadow:0 10px 28px rgba(8,59,45,.06);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.person-card:hover{transform:translateY(-7px);box-shadow:0 20px 42px rgba(8,59,45,.14)}.person-card.is-hidden{display:none}.person-photo{position:relative;aspect-ratio:4/4.4;background:#e9efec;overflow:hidden}.person-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:saturate(.88);transition:transform .5s var(--ease),filter .4s}.person-card:hover .person-photo img{transform:scale(1.045);filter:saturate(1)}.person-photo span{position:absolute;left:10px;bottom:10px;background:rgba(8,59,45,.88);color:#fff;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;letter-spacing:.04em}.person-body{padding:17px 16px 18px}.person-body>small{display:block;color:#a37d24;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.person-body h3{font:600 17px/1.25 Georgia,serif;color:var(--ink);margin:7px 0 5px;min-height:42px}.person-body p{font-size:11px;color:var(--green);font-weight:900;margin:0 0 13px;text-transform:uppercase;letter-spacing:.035em;min-height:28px}.person-more{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-top:1px solid var(--line);background:transparent;padding:12px 0 0;color:var(--muted);font-size:10px;font-weight:800;cursor:pointer}.person-more b{color:var(--gold);font-size:15px}.temporary-photo-note{font-size:10px;color:#8a9893;margin:4px 0 0;font-style:italic}
@media(max-width:1180px){.leader-slider{grid-auto-columns:calc((100% - 48px)/4)}}
@media(max-width:900px){.foundation-board{padding:28px 20px}.leader-slider{grid-auto-columns:calc((100% - 32px)/3)}.foundation-head{align-items:flex-start}.foundation-arrows{flex-shrink:0}}
@media(max-width:650px){.leader-slider{grid-auto-columns:78%}.foundation-head{display:block}.foundation-arrows{margin-top:16px}.person-body h3{min-height:auto}}

/* V8.3 — in-page organization profile modal; no profile URL proliferation */
body.profile-modal-open{overflow:hidden}.profile-modal{position:fixed;inset:0;z-index:3000;display:none}.profile-modal.open{display:block}.profile-modal-backdrop{position:absolute;inset:0;background:rgba(4,25,19,.72);backdrop-filter:blur(7px)}.profile-modal-panel{position:relative;width:min(1120px,calc(100% - 40px));max-height:90vh;overflow:auto;margin:5vh auto;background:#fff;border-radius:30px;box-shadow:0 30px 90px rgba(0,0,0,.3);animation:profileIn .3s var(--ease)}@keyframes profileIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}.profile-modal-close{position:absolute;right:18px;top:18px;z-index:3;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--green);font-size:28px;line-height:1;cursor:pointer;transition:.2s}.profile-modal-close:hover{background:var(--green);color:#fff;transform:rotate(5deg)}.profile-modal-grid{display:grid;grid-template-columns:340px 1fr;min-height:650px}.profile-modal-person{padding:46px 34px;background:linear-gradient(155deg,#f3f7f5,#fff);border-radius:30px 0 0 30px;text-align:center}.profile-modal-photo{position:relative;width:220px;aspect-ratio:1;margin:0 auto 24px;border-radius:50%;overflow:hidden;background:#e7eeea;box-shadow:0 15px 38px rgba(8,59,45,.15)}.profile-modal-photo img{width:100%;height:100%;object-fit:cover;object-position:top}.profile-modal-photo span{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(8,59,45,.9);color:#fff;border-radius:999px;padding:5px 9px;font-size:8px;font-weight:900;white-space:nowrap}.profile-modal-category{display:inline-block;color:#9a7628;font-size:10px;letter-spacing:.12em;font-weight:900;text-transform:uppercase}.profile-modal-person h2{font:600 27px/1.18 Georgia,serif;color:var(--ink);margin:9px 0}.profile-modal-person>p{color:var(--green);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.04em}.profile-modal-person>small{display:block;color:#8a9893;line-height:1.6;margin-top:20px}.profile-modal-content{padding:52px 48px}.profile-modal-intro h3,.profile-related h3{font:600 30px/1.15 Georgia,serif;margin:6px 0 8px;color:var(--green)}.profile-modal-intro>p{color:var(--muted);margin:0 0 25px}.profile-accordion{display:grid;gap:10px}.profile-acc-item{border-radius:15px;background:#f3f0ff;overflow:hidden;border:1px solid #ebe6ff}.profile-acc-button{width:100%;border:0;background:transparent;padding:17px 20px;display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:15px;font-weight:900;color:var(--ink);cursor:pointer}.profile-acc-button b{font-size:20px;color:var(--green)}.profile-acc-body{display:none;padding:0 20px 18px;color:var(--muted);font-size:13px;line-height:1.75}.profile-acc-item.open .profile-acc-body{display:block}.profile-related{margin-top:32px;padding-top:25px;border-top:1px solid var(--line)}.profile-related h3{font-size:23px}.profile-related-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.profile-related-list button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-size:10px;font-weight:800;color:var(--green);cursor:pointer}.profile-related-list button:hover{background:var(--green);color:#fff}.profile-related-list small{color:#8a9893}
@media(max-width:800px){.profile-modal-panel{width:min(94%,700px);margin:3vh auto;max-height:94vh}.profile-modal-grid{grid-template-columns:1fr}.profile-modal-person{border-radius:30px 30px 0 0;padding:35px 24px}.profile-modal-photo{width:160px}.profile-modal-content{padding:34px 22px}.profile-modal-intro h3{font-size:26px}}

/* === CMS / Admin Panel V8.4 === */
.cms-auth-body{margin:0;min-height:100vh;background:linear-gradient(135deg,#082f27 0%,#0d493b 52%,#0a382e 100%);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17332d}.cms-auth-body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 15%,rgba(207,171,93,.16),transparent 28%),radial-gradient(circle at 85% 85%,rgba(255,255,255,.07),transparent 24%);pointer-events:none}.cms-auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px 18px;position:relative}.cms-login-card{width:min(100%,460px);background:#fff;border-radius:24px;padding:34px 38px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.cms-login-brand{display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid #edf0ee}.cms-login-brand img{width:52px;height:52px;object-fit:contain}.cms-login-brand div{display:flex;flex-direction:column}.cms-login-brand b{font-family:Georgia,serif;color:#0d493b;font-size:20px;letter-spacing:.8px}.cms-login-brand span{font-size:12px;color:#788780;margin-top:2px}.cms-login-copy{padding:27px 0 20px}.cms-kicker{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#a27a27}.cms-login-copy h1{font-family:Georgia,serif;font-size:34px;line-height:1.1;color:#153d34;margin:8px 0 10px}.cms-login-copy p{color:#6c7c76;line-height:1.65;margin:0;font-size:14px}.cms-alert{border-radius:10px;padding:11px 13px;margin:0 0 16px;font-size:13px}.cms-alert.error{background:#fff0ef;color:#9b2f2b;border:1px solid #f4d1ce}.cms-alert.success{background:#edf8f2;color:#176444;border:1px solid #cce8da}.cms-login-form{display:grid;gap:17px}.cms-login-form>label{font-size:13px;font-weight:700;color:#324b45;display:grid;gap:7px}.cms-input{height:48px;border:1px solid #d9e0dd;border-radius:11px;display:flex;align-items:center;background:#fbfcfc;transition:.2s}.cms-input:focus-within{border-color:#b69143;box-shadow:0 0 0 3px rgba(182,145,67,.12);background:#fff}.cms-input i{width:42px;text-align:center;font-style:normal;color:#82918c;font-size:12px}.cms-input input{border:0;outline:0;background:transparent;min-width:0;flex:1;height:100%;font:inherit;color:#17332d}.password-toggle{border:0;background:none;color:#8b6b29;font-size:11px;font-weight:800;padding:0 13px;cursor:pointer}.cms-login-meta{display:flex;justify-content:space-between;align-items:center;color:#87928e;font-size:11px}.cms-login-meta .remember{display:flex;align-items:center;gap:6px}.cms-login-button{border:0;border-radius:11px;background:#0e4b3d;color:#fff;height:50px;padding:0 18px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 8px 20px rgba(14,75,61,.2)}.cms-login-button:hover{background:#0a3c31}.cms-login-button span{font-size:18px}.cms-login-foot{margin-top:24px;padding-top:18px;border-top:1px solid #edf0ee;display:flex;justify-content:space-between;align-items:center;gap:15px}.cms-login-foot a{color:#816323;text-decoration:none;font-size:12px;font-weight:700}.cms-login-foot small{font-size:10px;color:#9aa4a0;text-align:right;max-width:190px}
.cms-body{margin:0;background:#f5f7f6;color:#1d3932;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.cms-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.cms-sidebar{background:#0b3e33;color:#fff;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.cms-side-brand{height:76px;display:flex;align-items:center;gap:11px;padding:0 22px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.1)}.cms-side-brand img{width:39px;height:39px;object-fit:contain}.cms-side-brand span{display:flex;flex-direction:column}.cms-side-brand b{font-family:Georgia,serif;letter-spacing:.8px}.cms-side-brand small{color:#a8beb7;font-size:10px;margin-top:2px}.cms-sidebar nav{padding:18px 12px;overflow:auto}.cms-nav-label{display:block;color:#71958a;font-size:9px;font-weight:900;letter-spacing:1.4px;padding:14px 12px 7px}.cms-sidebar nav a{display:flex;gap:12px;align-items:center;color:#c7d8d3;text-decoration:none;padding:11px 12px;border-radius:9px;margin:2px 0;font-size:13px}.cms-sidebar nav a:hover,.cms-sidebar nav a.active{background:rgba(255,255,255,.1);color:#fff}.cms-sidebar nav a.active{box-shadow:inset 3px 0 #d4b267}.cms-side-foot{margin-top:auto;padding:15px 18px 22px;border-top:1px solid rgba(255,255,255,.08)}.cms-side-foot a{color:#d8c18b;text-decoration:none;font-size:12px}.cms-work{min-width:0}.cms-top{height:76px;background:#fff;border-bottom:1px solid #e5eae8;display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:10}.cms-top>div:nth-child(2){display:flex;flex-direction:column}.cms-top>div:nth-child(2)>b{font-size:14px}.cms-top>div:nth-child(2)>small{color:#8a9692;font-size:10px;margin-top:2px}.cms-menu-btn{display:none}.cms-top-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.cms-bell{width:38px;height:38px;border:1px solid #e3e9e6;background:#fff;border-radius:10px;position:relative}.cms-bell span{position:absolute;right:-5px;top:-5px;background:#b68a36;color:#fff;border-radius:10px;min-width:17px;height:17px;font-size:9px;display:grid;place-items:center}.cms-user{display:flex;align-items:center;gap:9px}.cms-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e6f0ec;color:#0b4b3c;font-weight:900}.cms-user div{display:flex;flex-direction:column}.cms-user b{font-size:12px}.cms-user small{font-size:10px;color:#8b9793}.cms-top-actions form{margin:0}.cms-logout{border:0;background:none;font-size:18px;color:#72817c;cursor:pointer}.cms-content{padding:30px}.cms-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.cms-page-head h1{font-family:Georgia,serif;color:#153e34;font-size:30px;margin:6px 0}.cms-page-head p{margin:0;color:#73817d;font-size:13px}.cms-primary-action{background:#0d4a3c;color:#fff;text-decoration:none;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:800}.cms-role-strip{background:#fff;border:1px solid #e3e9e6;border-radius:10px;padding:10px 14px;margin-bottom:18px;display:flex;align-items:center;gap:8px;font-size:11px;color:#77837f}.cms-role-strip b{background:#edf5f1;color:#0c5946;border-radius:20px;padding:5px 9px}.cms-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.cms-stat-grid article{background:#fff;border:1px solid #e3e9e6;border-radius:13px;padding:18px}.cms-stat-grid span,.cms-stat-grid small{display:block;color:#7c8985;font-size:11px}.cms-stat-grid strong{display:block;font-family:Georgia,serif;color:#17483c;font-size:30px;margin:8px 0 5px}.cms-panel{background:#fff;border:1px solid #e3e9e6;border-radius:14px;padding:22px}.cms-panel-head h2{font-family:Georgia,serif;margin:0;color:#173f35;font-size:21px}.cms-panel-head p{font-size:12px;color:#7b8884;margin:6px 0 18px}.cms-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cms-module-grid a{border:1px solid #e5eae8;border-radius:11px;padding:17px;text-decoration:none;display:flex;flex-direction:column;min-height:112px}.cms-module-grid a:hover{border-color:#cfb16b;background:#fffdf8}.cms-module-grid b{color:#24483f;font-size:13px}.cms-module-grid span{color:#7a8783;font-size:11px;line-height:1.5;margin-top:6px}.cms-module-grid em{margin-top:auto;color:#9b762c;font-style:normal;font-size:11px;font-weight:800;padding-top:12px}
@media(max-width:900px){.cms-shell{grid-template-columns:1fr}.cms-sidebar{display:none}.cms-menu-btn{display:block;border:0;background:none;font-size:20px;margin-right:12px}.cms-content{padding:20px}.cms-stat-grid{grid-template-columns:repeat(2,1fr)}.cms-module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.cms-login-card{padding:26px 22px;border-radius:18px}.cms-login-copy h1{font-size:29px}.cms-login-meta,.cms-login-foot{align-items:flex-start;flex-direction:column}.cms-login-foot small{text-align:left}.cms-top{padding:0 15px}.cms-user div{display:none}.cms-content{padding:16px}.cms-page-head{flex-direction:column}.cms-stat-grid,.cms-module-grid{grid-template-columns:1fr}.cms-role-strip{flex-wrap:wrap}}
.cms-sidebar nav a i{width:22px;height:22px;display:grid;place-items:center;font-style:normal;font-size:12px;flex:0 0 22px}.cms-empty-state{min-height:210px;border:1px dashed #cfd9d5;border-radius:12px;background:#fafcfb;display:grid;place-items:center;align-content:center;text-align:center;padding:28px}.cms-empty-state b{color:#17483c;font-size:16px}.cms-empty-state span{color:#7a8783;font-size:12px;margin-top:6px;max-width:520px}
/* === CMS functional forms V8.6 === */
.cms-table-wrap{overflow:auto}.cms-table{width:100%;border-collapse:collapse;font-size:12px}.cms-table th{text-align:left;color:#71817b;font-size:10px;letter-spacing:.4px;text-transform:uppercase;padding:11px 12px;border-bottom:1px solid #e4eae7}.cms-table td{padding:13px 12px;border-bottom:1px solid #edf1ef;vertical-align:top;color:#3d554e}.cms-table td small{display:block;color:#89958f;margin-top:4px}.cms-link{color:#9a7428;font-weight:800;text-decoration:none}.cms-badge{display:inline-block;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800;background:#eef2f0;color:#60716b}.cms-badge.active,.cms-badge.published{background:#e8f5ee;color:#19704d}.cms-badge.inactive,.cms-badge.draft{background:#fff5df;color:#8b681e}.cms-badge.blocked{background:#ffeded;color:#9d3434}.cms-secondary-action{border:1px solid #dbe3df;background:#fff;color:#315149;text-decoration:none;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:800}.cms-form{display:grid;gap:18px}.cms-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cms-form label,.cms-editor-block label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#385149}.cms-form input,.cms-form select,.cms-form textarea,.cms-inline-form input,.cms-inline-form select,.cms-inline-form textarea,.cms-editor-block input,.cms-editor-block select,.cms-editor-block textarea{width:100%;box-sizing:border-box;border:1px solid #dbe3df;background:#fbfcfc;border-radius:9px;padding:11px 12px;font:inherit;color:#243f38;outline:none}.cms-form input:focus,.cms-form select:focus,.cms-form textarea:focus,.cms-inline-form input:focus,.cms-inline-form select:focus,.cms-inline-form textarea:focus,.cms-editor-block input:focus,.cms-editor-block select:focus,.cms-editor-block textarea:focus{border-color:#b69247;box-shadow:0 0 0 3px rgba(182,146,71,.1);background:#fff}.cms-form label small{font-weight:400;color:#89958f}.cms-form-actions{display:flex;justify-content:flex-end;padding-top:4px}.cms-form-actions .cms-primary-action,.cms-inline-form .cms-primary-action{border:0;cursor:pointer}.cms-editor-block{border:1px solid #e5eae8;border-radius:12px;padding:17px;display:grid;gap:13px;margin-bottom:14px}.cms-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.cms-editor-head b{font-family:Georgia,serif;color:#17483c;font-size:17px}.cms-editor-head select{width:auto;min-width:120px}.cms-inline-form{display:grid;grid-template-columns:1.1fr 1.5fr 1.5fr .6fr 1fr;gap:10px;align-items:start}.cms-inline-form textarea{grid-column:1/-2}.cms-inline-form button{min-height:43px}.cms-mt{margin-top:18px}.cms-danger-link{border:0;background:none;color:#a6413d;font-weight:800;font-size:11px;cursor:pointer;padding:0}
@media(max-width:900px){.cms-form-grid{grid-template-columns:1fr}.cms-inline-form{grid-template-columns:1fr 1fr}.cms-inline-form textarea{grid-column:1/-1}}@media(max-width:560px){.cms-inline-form{grid-template-columns:1fr}.cms-inline-form textarea{grid-column:auto}}
.cms-rich{border:1px solid #dbe3df;border-radius:10px;background:#fff;overflow:hidden}.cms-rich-toolbar{display:flex;gap:5px;flex-wrap:wrap;padding:8px;background:#f5f7f6;border-bottom:1px solid #e2e8e5}.cms-rich-toolbar select,.cms-rich-toolbar button{width:auto!important;min-height:34px;border:1px solid #d5dfdb;background:#fff;border-radius:6px;padding:5px 8px;color:#29473f;font-size:11px;cursor:pointer}.cms-rich-toolbar button:hover{border-color:#b69247}.cms-rich-area{min-height:210px;padding:16px;outline:none;line-height:1.7;color:#263f38}.cms-rich-area p{margin:0 0 12px}.cms-rich-area h2,.cms-rich-area h3,.cms-rich-area h4{font-family:Georgia,serif;color:#153f35}.cms-row-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.cms-row-actions form{margin:0}.cms-link-button{border:0;background:none;padding:0;color:#0c6952;font-size:11px;font-weight:800;cursor:pointer}.public-cms-profile{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:34px}.public-cms-profile article{background:#fff;border:1px solid #e0e6e3;border-radius:16px;padding:24px}.public-cms-profile h2{margin:0 0 14px;color:#0e3e34}.public-cms-rich{color:#536760;line-height:1.75}.public-cms-rich h2,.public-cms-rich h3,.public-cms-rich h4{color:#143f35}.public-cms-rich ul,.public-cms-rich ol{padding-left:22px}@media(max-width:760px){.public-cms-profile{grid-template-columns:1fr}}
/* V8.6.3 — CMS profile integration uses existing V8.3 card area; no extra frontend block */
.detail-card-icon{display:grid;place-items:center;min-height:190px;background:linear-gradient(145deg,#f3f7f4,#e8f0eb)}
.detail-card-icon svg{width:82px;height:82px;fill:none;stroke:currentColor;stroke-width:2.2;color:#0b513f;stroke-linecap:round;stroke-linejoin:round}
.detail-card .public-cms-rich{font-size:14px;line-height:1.75;color:var(--muted,#52645e)}
.detail-card .public-cms-rich h2,.detail-card .public-cms-rich h3,.detail-card .public-cms-rich h4{font-size:1em;margin:.5em 0}
.cms-person-create{display:grid;gap:16px}.cms-profile-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cms-profile-detail-grid label{display:grid;gap:7px}.cms-current-photo{display:flex;align-items:center;gap:12px;margin:12px 0}.cms-current-photo img{width:82px;height:82px;border-radius:14px;object-fit:cover;border:1px solid #d9e2de}.profile-acc-body ul{margin:0;padding-left:20px;display:grid;gap:8px}
@media(max-width:760px){.cms-profile-detail-grid{grid-template-columns:1fr}}

/* V8.7 — Admin PSB Phase 1 */
.cms-nav-sub{margin-top:14px!important;color:#9fc3b7!important}.cms-alert{padding:11px 14px;border-radius:9px;margin:0 0 16px;font-size:12px;font-weight:700}.cms-alert.success{background:#eaf7ef;color:#176a49;border:1px solid #cce9d8}.cms-alert.error{background:#fff0ef;color:#943b37;border:1px solid #f0d0cd}.cms-check{display:flex!important;align-items:center;justify-content:space-between;border:1px solid #dbe3df;border-radius:9px;padding:10px 12px;background:#fbfcfc}.cms-check input{width:20px!important;height:20px}.cms-search{display:flex;gap:8px;margin-bottom:16px}.cms-search input{flex:1;border:1px solid #dbe3df;border-radius:9px;padding:10px 12px}.psb-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.psb-dl{display:grid;grid-template-columns:140px 1fr;gap:0;margin:0}.psb-dl dt,.psb-dl dd{padding:10px 0;border-bottom:1px solid #edf1ef;margin:0}.psb-dl dt{color:#71817b;font-size:11px}.psb-dl dd{color:#29473f;font-size:12px;font-weight:700}.psb-timeline{display:grid;gap:0}.psb-timeline article{position:relative;padding:0 0 18px 24px;border-left:2px solid #dbe7e2}.psb-timeline article:before{content:'';position:absolute;left:-6px;top:2px;width:10px;height:10px;border-radius:50%;background:#b88b36}.psb-timeline b,.psb-timeline span,.psb-timeline small{display:block}.psb-timeline b{font-size:12px;color:#27483f}.psb-timeline span,.psb-timeline small{font-size:10px;color:#7d8a86;margin-top:4px}@media(max-width:760px){.psb-detail-grid{grid-template-columns:1fr}.psb-dl{grid-template-columns:1fr}.psb-dl dt{padding-bottom:0}.cms-search{flex-direction:column}}
/* V9.0 — Portal PSB. Additive only; frontend V8.3 components are unchanged. */
.psb-flow{background:#f6f8f7;padding:54px 0 80px;min-height:70vh}.psb-flow-wrap{max-width:1120px}.psb-flow-wrap.narrow{max-width:850px}.psb-flow-head{margin-bottom:22px}.psb-flow-head h1,.psb-portal-head h1{font:600 clamp(34px,4vw,52px)/1.08 Georgia,serif;color:var(--green);margin:8px 0}.psb-flow-head p,.psb-portal-head p{color:var(--muted);margin:0}.psb-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;background:#fff;border:1px solid var(--line);padding:10px;border-radius:18px;margin:22px 0}.psb-steps b{display:grid;place-items:center;text-align:center;min-height:58px;border-radius:12px;color:#8a9692;font-size:12px}.psb-steps b span{display:block;font-size:9px;font-weight:700}.psb-steps b.done{background:#edf6f1;color:#0d684f}.psb-steps b.active{background:var(--green);color:#fff}.psb-current-wave{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.psb-current-wave span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 13px;color:var(--muted);font-size:11px}.psb-current-wave b{color:var(--green)}.psb-flow-card,.psb-progress-card,.psb-action-card,.psb-summary-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 12px 35px rgba(7,62,46,.04)}.psb-section-title{display:flex;gap:13px;align-items:center;margin:6px 0 18px}.psb-section-title>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f5eedc;color:#98701e;font-weight:900}.psb-section-title h2,.psb-bio-section h2,.psb-action-card h2,.psb-summary-card h2{font:600 23px Georgia,serif;color:var(--green);margin:0}.psb-section-title p{margin:3px 0 0;color:var(--muted);font-size:12px}.psb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}.psb-form-grid label,.psb-bio-section>label,.psb-otp-card label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#34544b}.psb-form-grid input,.psb-form-grid select,.psb-form-grid textarea,.psb-bio-section input,.psb-bio-section select,.psb-bio-section textarea,.psb-otp-card input{width:100%;box-sizing:border-box;border:1px solid #d9e3df;background:#fbfcfc;border-radius:10px;padding:12px 13px;font:inherit;outline:none}.psb-form-grid input:focus,.psb-form-grid textarea:focus,.psb-otp-card input:focus{border-color:#b28b38;box-shadow:0 0 0 3px rgba(178,139,56,.1);background:#fff}.psb-form-grid small{font-weight:400;color:#82918c}.psb-flow-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:16px}.psb-btn-ghost{background:#fff;border:1px solid var(--line);color:var(--green)}.psb-notice{display:grid;gap:4px;background:#f7faf8;border:1px solid var(--line);border-radius:12px;padding:14px;margin:15px 0;color:#526861;font-size:12px}.psb-notice.warning{background:#fff7e8;border-color:#ecd8aa}.psb-notice b{color:var(--green)}.psb-otp-card{display:grid;gap:16px;max-width:560px;margin:0 auto}.psb-otp-card input{text-align:center;font-size:25px;letter-spacing:.35em}.psb-resend{text-align:center;margin-top:16px;color:var(--muted);font-size:12px}.psb-portal-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.psb-big-status{border-radius:999px;padding:10px 16px;font-size:12px;font-weight:900}.psb-big-status.ok{background:#e8f6ee;color:#176c4c}.psb-big-status.wait{background:#fff4d8;color:#8a681d}.psb-big-status.bad{background:#ffeded;color:#9d3939}.psb-progress-card>div:first-child{display:flex;justify-content:space-between}.psb-progress{height:9px;border-radius:99px;background:#e8eeeb;overflow:hidden;margin:12px 0 18px}.psb-progress i{display:block;height:100%;background:var(--green);border-radius:99px}.psb-step-row{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.psb-step-row span{text-align:center;color:#94a09c;font-size:10px}.psb-step-row i{display:grid;place-items:center;width:25px;height:25px;margin:0 auto 5px;border-radius:50%;background:#edf1ef;font-style:normal}.psb-step-row .done{color:#176b50;font-weight:800}.psb-step-row .done i{background:#e1f3e9}.psb-portal-grid{display:grid;grid-template-columns:1.5fr .75fr;gap:18px;margin:18px 0}.psb-action-card small{color:#9a7428;font-weight:900;letter-spacing:.12em}.psb-action-card p{color:var(--muted);line-height:1.7}.psb-summary-card dl{margin:0}.psb-summary-card dt{font-size:10px;color:#82918c;margin-top:13px}.psb-summary-card dd{margin:3px 0 0;font-weight:800;color:#315047;display:flex;align-items:center;gap:7px}.psb-dot{width:9px;height:9px;border-radius:50%;background:#aeb9b5}.psb-dot.free,.psb-dot.paid{background:#2cab75}.psb-dot.pending{background:#d7a72d}.psb-dot.expired,.psb-dot.failed{background:#dc5b57}.psb-commitment label{display:flex;gap:10px;align-items:flex-start;background:#f7faf8;border:1px solid var(--line);padding:14px;border-radius:12px;margin:14px 0;font-size:12px;line-height:1.6}.psb-action-buttons{display:flex;gap:10px;flex-wrap:wrap}.psb-public-timeline article{display:flex;gap:13px;padding:0 0 18px}.psb-public-timeline article i{width:10px;height:10px;background:#b58a35;border-radius:50%;margin-top:4px}.psb-public-timeline b,.psb-public-timeline small{display:block}.psb-public-timeline small{color:var(--muted);margin-top:4px}.psb-certificate{background:#fff;border:10px double #c7a64f;padding:70px 55px;text-align:center;box-shadow:0 20px 55px rgba(0,0,0,.08)}.psb-cert-mark{font-weight:900;letter-spacing:.2em;color:var(--green)}.psb-certificate>span{display:block;color:#a07a25;font-weight:900;letter-spacing:.18em;margin-top:30px}.psb-certificate h1{font:600 46px Georgia,serif;color:var(--green);margin:22px 0}.psb-certificate p{font-size:17px;line-height:1.8}.psb-cert-no{margin:28px auto 12px;font-weight:900}.psb-completion{width:90px;height:90px;border-radius:50%;background:#edf6f1;display:grid;place-items:center;align-content:center;color:var(--green)}.psb-completion b{font-size:22px}.psb-completion span{font-size:9px}.psb-bio-section{padding:20px 0;border-bottom:1px solid var(--line)}.psb-bio-section h2{margin-bottom:14px}.psb-autosave{position:sticky;bottom:12px;background:#f4f8f6;border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:11px;color:var(--muted)}
@media(max-width:800px){.psb-steps{grid-template-columns:repeat(4,1fr)}.psb-form-grid,.psb-portal-grid{grid-template-columns:1fr}.psb-step-row{grid-template-columns:repeat(4,1fr);row-gap:14px}.psb-portal-head{align-items:flex-start}.psb-certificate{padding:45px 25px}.psb-certificate h1{font-size:34px}}@media(max-width:520px){.psb-steps{grid-template-columns:repeat(2,1fr)}.psb-flow{padding-top:30px}.psb-flow-card,.psb-progress-card,.psb-action-card,.psb-summary-card{padding:18px}.psb-flow-actions{flex-direction:column}.psb-flow-actions .btn{width:100%;justify-content:center}.psb-portal-head{flex-direction:column}.psb-step-row{grid-template-columns:repeat(2,1fr)}}
@media print{header,footer,.no-print,.flash{display:none!important}.psb-flow{background:#fff;padding:0}.psb-certificate{box-shadow:none;margin:0}.psb-flow-wrap{max-width:none}}
/* V9.1 commitment questionnaire */
.psb-quiz-card{max-width:900px;margin:0 auto}.psb-quiz-form fieldset{border:0;border-top:1px solid #e1e9e5;padding:22px 0;margin:0}.psb-quiz-form legend{font-family:inherit;font-weight:800;font-size:16px;display:flex;gap:10px;align-items:flex-start}.psb-quiz-form legend>span{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#f4ecd7;color:#8b6817;font-size:12px}.psb-choice-list{display:grid;gap:9px;margin-top:14px}.psb-choice-list label{display:flex;align-items:center;gap:11px;border:1px solid #dce7e2;border-radius:12px;padding:13px 14px;cursor:pointer;background:#fff}.psb-choice-list label:has(input:checked){border-color:#0d5a48;background:#f0f8f4;box-shadow:0 0 0 2px rgba(13,90,72,.08)}.psb-choice-list input{accent-color:#0d5a48}.psb-choice-list span{font-size:14px}

/* V9.1.1 Portal PSB */
.psb-login-card{max-width:560px;margin:48px auto;padding:30px;border:1px solid #dfe8e4;border-radius:18px;background:#fff}.psb-login-card form{display:grid;gap:15px;margin-top:20px}.psb-login-card label,.psb-proof-upload label{display:grid;gap:7px;font-weight:700}.psb-login-card input,.psb-proof-upload input{padding:12px;border:1px solid #d5e0dc;border-radius:9px}.psb-login-help{margin-top:18px}.psb-proof-upload{display:grid;gap:10px;margin-top:14px;padding:14px;border:1px dashed #cbd9d3;border-radius:12px;background:#f8fbfa}

/* V9.1.3 — PSB form polish + premium commitment quiz */
.psb-field-label{display:inline-flex;align-items:center;gap:5px;min-height:18px}.psb-field-label b{display:inline!important;margin:0!important;line-height:1;color:#a67f20}.psb-field-help{display:block;margin-top:-3px;color:#71817b!important;font-size:10px!important;font-weight:600!important}.psb-password-wrap{position:relative;display:block;width:100%}.psb-password-wrap input{padding-right:48px!important}.psb-eye{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:36px;height:34px;border:0;border-radius:9px;background:transparent;color:#87681f;cursor:pointer;font-size:18px;display:grid;place-items:center}.psb-eye:hover{background:#f4efe2}.auth-card .psb-password-wrap{display:block}.auth-card .psb-password-wrap input{width:100%}
.psb-quiz-premium{max-width:860px;margin:0 auto;padding:34px!important;overflow:hidden}.psb-quiz-top{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid #e4ebe7}.psb-quiz-top small{color:#9a7420;font-weight:900;letter-spacing:.16em}.psb-quiz-top h2{font-family:Georgia,serif;font-size:30px;margin:5px 0 7px}.psb-quiz-top p{margin:0;color:#71817b;max-width:570px}.psb-timer{flex:none;min-width:132px;border:1px solid #e2d5ae;background:#fbf7eb;border-radius:15px;padding:12px 15px;text-align:center}.psb-timer span{display:block;font-size:9px;font-weight:900;letter-spacing:.11em;color:#8c6a1d}.psb-timer strong{display:block;font-size:24px;color:#0b4a3a;line-height:1.2;margin-top:3px}.psb-quiz-progress{padding:18px 0 24px}.psb-quiz-progress>div{display:flex;justify-content:space-between;font-size:11px;color:#687b74;font-weight:800}.psb-quiz-progress i{display:block;height:7px;background:#edf1ef;border-radius:99px;overflow:hidden;margin-top:8px}.psb-quiz-progress em{display:block;height:100%;background:#caa64b;border-radius:99px;transition:width .25s ease}.psb-question-slide{display:none;min-height:315px;padding:18px 0 8px}.psb-question-slide.active{display:block}.psb-question-no{font-size:10px;letter-spacing:.14em;font-weight:900;color:#9a7420}.psb-question-slide h3{font-family:Georgia,serif;font-size:25px;line-height:1.35;color:#103e33;margin:8px 0 24px}.psb-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.psb-choice-grid label{cursor:pointer}.psb-choice-grid input{position:absolute;opacity:0;pointer-events:none}.psb-choice-grid label>span{display:flex;align-items:center;gap:12px;min-height:62px;padding:13px 15px;border:1px solid #dce6e1;border-radius:14px;background:#fff;font-size:14px;font-weight:700;transition:.2s}.psb-choice-grid label>span i{width:18px;height:18px;border:2px solid #b8c7c1;border-radius:50%;flex:none;box-shadow:inset 0 0 0 4px #fff}.psb-choice-grid label:hover>span{border-color:#b6cfc5;background:#fbfdfc;transform:translateY(-1px)}.psb-choice-grid input:checked+span{border-color:#0d5a48;background:#eff8f4;box-shadow:0 0 0 2px rgba(13,90,72,.08)}.psb-choice-grid input:checked+span i{border-color:#0d5a48;background:#0d5a48}.psb-question-slide.needs-answer .psb-choice-grid{outline:2px solid #d96b61;outline-offset:5px;border-radius:12px}.psb-quiz-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;border-top:1px solid #e4ebe7}.psb-quiz-nav .psb-btn-ghost{color:#0b4a3a;border-color:#d7e1dd;background:#fff}.psb-quiz-nav button[disabled]{opacity:.45;cursor:not-allowed;transform:none}
@media(max-width:700px){.psb-quiz-premium{padding:23px 18px!important}.psb-quiz-top{flex-direction:column}.psb-timer{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left}.psb-choice-grid{grid-template-columns:1fr}.psb-question-slide{min-height:380px}.psb-question-slide h3{font-size:22px}.psb-quiz-nav .btn{padding:11px 14px;font-size:12px}}
/* V9.1.5 — Portal status berkas */
.psb-public-doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.psb-public-doc-grid article{border:1px solid #dce5e1;border-radius:14px;padding:14px;display:grid;gap:8px;background:#fff}.doc-public-status{width:max-content;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.doc-public-status.approved{background:#d9f5e8;color:#087653}.doc-public-status.revision{background:#fee2e2;color:#a42e2e}.doc-public-status.pending{background:#fff0c9;color:#906500}.psb-public-doc-grid small{color:#a42e2e}@media(max-width:720px){.psb-public-doc-grid{grid-template-columns:1fr}}
/* V9.2.12 Biodata Lanjutan Wizard */
.psb-bio-wizard{max-width:1120px}.psb-bio-stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}.psb-bio-stepper button{border:1px solid #dce7e2;background:#fff;border-radius:13px;padding:11px 8px;display:flex;align-items:center;gap:8px;text-align:left;color:#6a7972;cursor:pointer}.psb-bio-stepper button i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#edf3f0;font-style:normal;font-weight:900}.psb-bio-stepper button.active{border-color:#0b654f;background:#f4faf7;color:#074b3b;box-shadow:0 5px 18px rgba(6,73,57,.08)}.psb-bio-stepper button.active i,.psb-bio-stepper button.done i{background:#075541;color:#fff}.psb-wizard-step{display:none}.psb-wizard-step.active{display:block;animation:bioFade .2s ease}@keyframes bioFade{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}.psb-wizard-form .psb-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.psb-wizard-form label{display:grid;gap:6px;font-weight:800}.psb-wizard-form label b{display:inline;color:#b42318}.psb-wizard-form input,.psb-wizard-form select,.psb-wizard-form textarea{width:100%;border:1px solid #d6e2dc;border-radius:11px;padding:12px;background:#fff}.psb-wizard-form input[readonly]{background:#f5f8f6;color:#52635c}.psb-wizard-form label small{font-weight:400;color:#75837c}.psb-wizard-form .wide{grid-column:1/-1}.psb-address-box,.psb-parent-card{margin-top:16px;padding:16px;border:1px solid #e0e9e5;border-radius:15px;background:#fbfdfc}.psb-address-box h3,.psb-parent-head h3{margin:0 0 12px;color:#0a4c3d}.psb-parent-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.psb-copy-address{border:1px solid #bad8cc;background:#f1faf6;color:#075541;border-radius:9px;padding:7px 10px;font-weight:800;cursor:pointer}.psb-optional{font-size:10px;padding:4px 7px;border-radius:999px;background:#eef2f0;color:#68766f}.psb-document-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.psb-upload-card{border:1px solid #dce7e2;border-radius:15px;padding:18px;background:#fbfdfc;display:grid;gap:12px}.psb-upload-card>div{display:grid;gap:4px}.psb-upload-card>div b{color:#074b3b;font-size:15px}.psb-upload-card>div span,.psb-upload-card>small{color:#708078;font-size:11px}.psb-file-picker{display:flex!important;align-items:center;justify-content:center;padding:11px;border:1px dashed #75ad99;border-radius:10px;background:#f1faf6;color:#075541;cursor:pointer}.psb-file-picker input{position:absolute!important;width:1px!important;height:1px!important;opacity:0}.psb-submit-notice{margin-top:16px;padding:14px 16px;border-radius:13px;background:#fff9e9;border:1px solid #eee0ad}.psb-submit-notice p{margin:4px 0 0}.psb-wizard-actions{position:sticky;bottom:10px;margin-top:18px;padding:12px;border:1px solid #dce7e2;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:5}.psb-wizard-actions>div{display:flex;gap:8px}.psb-wizard-actions>span{font-size:11px;color:#718078}.psb-confirm-modal{position:fixed;inset:0;background:rgba(8,27,22,.55);z-index:9999;display:grid;place-items:center;padding:20px}.psb-confirm-modal[hidden]{display:none}.psb-confirm-box{width:min(470px,100%);background:#fff;border-radius:20px;padding:26px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.2)}.psb-confirm-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#e2f5ec;color:#087653;font-size:25px;font-weight:900}.psb-confirm-box h2{margin:0 0 8px;color:#073f33}.psb-confirm-box p{color:#687870;line-height:1.6}.psb-confirm-box>div:last-child{display:flex;justify-content:center;gap:9px;margin-top:18px}
@media(max-width:800px){.psb-bio-stepper{grid-template-columns:repeat(5,42px);overflow-x:auto}.psb-bio-stepper button{justify-content:center}.psb-bio-stepper button span{display:none}.psb-wizard-form .psb-form-grid,.psb-document-upload-grid{grid-template-columns:1fr}.psb-wizard-form .wide{grid-column:auto}.psb-wizard-actions{align-items:stretch;flex-wrap:wrap}.psb-wizard-actions>span{order:3;width:100%}.psb-wizard-actions>div{margin-left:auto}.psb-parent-head{align-items:flex-start;flex-direction:column}}
/* V9.2.13: public PSB wizard + document preview */
.psb-file-preview{min-height:82px;border:1px solid #e0e9e5;border-radius:12px;background:#fff;padding:10px;display:flex;align-items:center;gap:12px}.psb-file-preview>span{font-size:11px;color:#839089}.psb-file-preview img{width:76px;height:76px;object-fit:cover;border-radius:9px;border:1px solid #e1e8e4}.psb-file-preview>div{display:grid;gap:4px;min-width:0}.psb-file-preview b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psb-file-preview a{font-size:11px;color:#075541;font-weight:800}.psb-pdf-icon{width:58px;height:70px!important;border-radius:8px;background:#f4eee9;display:grid!important;place-items:center;color:#9b2f22;font-weight:900}.psb-wizard-step:not(.active){display:none!important}.psb-wizard-step.active{display:block!important}

/* V9.2.14 compact wizard + inline required marker + final agreement */
.psb-wizard-form label{row-gap:4px!important}
.psb-wizard-form label>b,.psb-wizard-form label b{display:inline!important;margin-left:3px!important;vertical-align:baseline!important;line-height:1!important}
.psb-wizard-form .psb-form-grid{gap:9px 12px!important}
.psb-wizard-form input,.psb-wizard-form select,.psb-wizard-form textarea{padding:9px 11px!important;min-height:40px}
.psb-wizard-form textarea{min-height:76px}
.psb-address-box,.psb-parent-card{margin-top:10px!important;padding:12px 14px!important}
.psb-address-box h3,.psb-parent-head h3{margin-bottom:8px!important}
.psb-wizard-step .psb-section-title{margin-bottom:10px!important}
.psb-final-agreement{margin-top:14px;padding:13px 15px;border:1px solid #d9e5df;border-radius:12px;background:#f8fbf9}
.psb-final-agreement label{display:flex!important;align-items:flex-start!important;gap:9px!important;font-weight:500!important;line-height:1.55!important;cursor:pointer}
.psb-final-agreement input{width:17px!important;height:17px!important;min-height:17px!important;flex:0 0 17px;margin-top:3px;accent-color:#075541}
.psb-final-agreement span{font-size:12px;color:#344b42}

/* V9.2.15 */
.psb-wizard-form .psb-label-text{display:inline-flex!important;align-items:center;gap:3px;font-weight:800;line-height:1.25}
.psb-wizard-form .psb-label-text b{display:inline!important;margin:0!important;color:#b42318}
.psb-biodata-summary-row{padding:13px 16px!important}.psb-biodata-row-main{display:flex;align-items:center;justify-content:space-between;gap:14px}.psb-biodata-row-main>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.psb-biodata-row-main small{font-weight:900;color:#a06a00}.psb-biodata-row-main b{color:#073f33}.psb-biodata-row-main span{font-size:11px;color:#6c7b74}.psb-biodata-row-actions{display:flex;gap:7px;flex:0 0 auto}.psb-admin-biodata-note{margin-top:10px;padding:10px 12px;border-radius:10px;background:#fff7df;border:1px solid #eedda8;display:flex;gap:8px;align-items:flex-start}.psb-admin-biodata-note b{color:#765300;white-space:nowrap}.psb-admin-biodata-note span{font-size:12px;line-height:1.5}.psb-detail-group{padding:16px!important}.psb-detail-group h2{margin:0 0 10px;color:#074b3b}.psb-detail-group dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.psb-detail-group dl>div{display:grid;grid-template-columns:140px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #edf1ef}.psb-detail-group dt{font-size:11px;color:#728078}.psb-detail-group dd{margin:0;font-weight:700}.psb-detail-docs{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:700px){.psb-biodata-row-main{align-items:flex-start;flex-direction:column}.psb-detail-group dl{grid-template-columns:1fr}.psb-detail-group dl>div{grid-template-columns:120px 1fr}}

/* V9.2.16 */
.psb-back-portal{display:inline-flex;margin-top:10px;width:auto!important}

/* V9.2.17 — Homepage CMS Enhancement */
.home-leader{overflow:hidden;background:#fff}.home-leader-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:70px}.home-leader-copy{max-width:650px}.home-leader-copy h2{font-size:clamp(36px,4vw,58px);margin:8px 0 20px;color:#073f33}.home-leader-message{font-size:16px;line-height:1.9;color:#66766f}.home-leader-sign{display:flex;flex-direction:column;margin-top:20px;color:#073f33}.home-leader-sign span{font-size:12px;color:#7b8a83;margin-top:3px}.home-leader-visual{min-height:440px;position:relative;display:grid;place-items:end center}.leader-shape{position:absolute;width:82%;height:70%;right:4%;bottom:4%;background:linear-gradient(135deg,#0a604b,#0b4d3e);border-radius:34px 34px 100px 34px}.home-leader-visual img{position:relative;z-index:2;max-width:92%;max-height:430px;object-fit:contain;filter:drop-shadow(0 16px 20px rgba(0,0,0,.12))}.leader-placeholder{position:relative;z-index:2;color:#fff;font-weight:900;font-size:30px;align-self:center}.leader-dot{position:absolute;z-index:3;width:24px;height:24px;background:#d8a928;transform:rotate(45deg);border-radius:4px}.leader-dot.one{left:8%;top:32%}.leader-dot.two{right:0;bottom:16%;width:80px;height:80px;border-radius:50%}
.home-testimonials{overflow:hidden}.testimonial-stage{position:relative;min-height:430px}.testimonial-slide{display:none;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px;min-height:420px}.testimonial-slide.active{display:grid}.testimonial-quote{padding:20px 0}.quote-mark{display:grid;place-items:center;width:70px;height:70px;border-radius:18px;background:#e7f6f2;color:#0b7a60;font:700 55px/1 Georgia;margin-bottom:24px}.testimonial-quote blockquote{margin:0 0 18px;font-size:20px;line-height:1.7;color:#5f6e68;max-width:620px}.testimonial-quote>b{display:block;font-size:17px;color:#153e34}.testimonial-quote small{display:block;margin-top:5px;color:#7a8983}.testimonial-controls{display:flex;gap:10px;margin-top:55px}.testimonial-controls button{width:42px;height:42px;border:1px solid #0a604b;background:#fff;border-radius:10px;color:#0a604b;font-size:28px;cursor:pointer}.testimonial-photo{min-height:370px;position:relative;display:grid;place-items:center}.testimonial-shape{position:absolute;width:75%;height:78%;background:#e6bd52;border-radius:28% 34% 24% 36%;transform:rotate(-14deg)}.testimonial-photo img{position:relative;z-index:2;max-height:360px;max-width:85%;object-fit:contain}.testimonial-initial{position:relative;z-index:2;width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0a604b;font-size:72px;font-weight:900;box-shadow:0 18px 50px rgba(0,0,0,.12)}
.home-faq{background:#fff}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.faq-intro{position:sticky;top:110px}.faq-intro h2{font-size:clamp(34px,4vw,52px);color:#073f33;margin:8px 0 14px}.faq-intro p{color:#718079;line-height:1.75}.faq-list{border-top:1px solid #dce7e2}.faq-item{border-bottom:1px solid #dce7e2}.faq-item summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 4px;cursor:pointer;font-weight:800;color:#143f34}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary b{font-size:24px;color:#0a604b;transition:.2s}.faq-item[open] summary b{transform:rotate(45deg)}.faq-item>div{padding:0 44px 22px 4px;color:#66766f;line-height:1.75}
.site-footer{background:#f8faf9;border-top:1px solid #e5ece8}.footer-premium-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr 1.15fr;gap:45px;padding-top:54px;padding-bottom:38px}.footer-logo{display:flex;align-items:center;gap:12px;color:#123d33;text-decoration:none}.footer-logo img{width:48px;height:48px;object-fit:contain}.footer-logo span{display:flex;flex-direction:column}.footer-logo small{font-size:10px;color:#7c8b84;margin-top:3px}.footer-brand-block>p{max-width:360px;color:#718079;line-height:1.7}.footer-premium-grid>div>b{display:block;color:#123d33;margin-bottom:14px}.footer-premium-grid p{color:#718079;line-height:1.85}.footer-premium-grid a{color:#718079;text-decoration:none}.footer-premium-grid a:hover{color:#0a604b}.footer-contact strong{color:#153f34;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.site-footer .copyright{display:flex;justify-content:space-between;border-top:1px solid #e1e9e5;padding-top:18px;padding-bottom:24px}.footer-social{display:flex;gap:8px;margin-top:16px}.footer-social a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8f1ed;color:#0a604b!important;font-weight:900}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:9px;padding:10px 15px 10px 10px;border-radius:999px;background:#128c57;color:#fff!important;text-decoration:none;box-shadow:0 12px 32px rgba(0,0,0,.2);transition:.2s}.floating-wa:hover{transform:translateY(-2px)}.wa-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#128c57;font-size:20px}.floating-wa b{font-size:12px}
@media(max-width:850px){.home-leader-grid,.testimonial-slide,.faq-layout{grid-template-columns:1fr;gap:30px}.home-leader-visual{min-height:330px}.testimonial-photo{min-height:300px}.faq-intro{position:static}.footer-premium-grid{grid-template-columns:1fr 1fr}.testimonial-controls{margin-top:25px}}
@media(max-width:560px){.footer-premium-grid{grid-template-columns:1fr}.site-footer .copyright{flex-direction:column;gap:5px}.floating-wa b{display:none}.floating-wa{padding:9px;right:15px;bottom:15px}.home-leader-visual{min-height:280px}.testimonial-stage{min-height:500px}}

/* V9.2.18 visibility & social restore */
.footer-social a svg{width:18px;height:18px;fill:currentColor}.footer-social a.is-empty{opacity:.48}.footer-social a.is-empty:hover{opacity:.8}.wa-icon svg{width:21px;height:21px;fill:currentColor}.testimonial-empty{padding:28px;border:1px dashed #ccdcd5;border-radius:18px;text-align:center;color:#708078;background:#fff}.testimonial-empty b,.testimonial-empty span{display:block}.testimonial-empty b{color:#164c3e;margin-bottom:5px}

/* V9.2.19 - Footer grid structure fix */
.site-footer .footer-premium-grid{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(220px,1.15fr)!important;gap:36px!important;align-items:start!important}
.site-footer .footer-premium-grid>div{min-width:0!important}
@media(max-width:900px){.site-footer .footer-premium-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:600px){.site-footer .footer-premium-grid{grid-template-columns:1fr!important}}

/* V9.2.20 — premium homepage hierarchy, larger typography & colored statistics */
.home-leader{padding-top:72px;padding-bottom:76px}
.profile-showcase+.home-leader{border-top:1px solid #edf2ef}
.profile-stats{padding:22px 28px!important}
.profile-stats .stat-item{align-items:center!important}
.profile-stats .stat-icon{width:58px!important;height:58px!important;border-radius:17px!important;display:grid!important;place-items:center!important}
.profile-stats .stat-icon svg{width:30px;height:30px;fill:currentColor}
.profile-stats .stat-item:nth-child(1) .stat-icon{background:#e7f7f4;color:#087f6a}
.profile-stats .stat-item:nth-child(2) .stat-icon{background:#fff3d7;color:#c88800}
.profile-stats .stat-item:nth-child(3) .stat-icon{background:#e9f1ff;color:#2868c7}
.profile-stats .stat-item:nth-child(4) .stat-icon{background:#f5e9ff;color:#8c45bd}
.profile-stats .stat-item strong{font-size:1.75rem!important;line-height:1}
.profile-stats .stat-item small{font-size:.92rem!important;font-weight:800}
.stats-note{font-size:.82rem!important}
.home-why{padding:82px 0;background:linear-gradient(180deg,#fff 0%,#fbfcfb 100%)}
.home-why-heading{text-align:center;max-width:760px;margin:0 auto 38px}
.home-why-heading h2{font-size:clamp(2rem,3.3vw,3rem);margin:8px 0 12px;color:#073f33}
.home-why-heading p{font-size:1.08rem;color:#6c7873;line-height:1.7}
.home-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.why-card{padding:27px 22px 25px;border:1px solid #e4ebe7;border-radius:22px;background:#fff;text-align:center;box-shadow:0 12px 34px rgba(15,63,52,.06);transition:.25s ease}
.why-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(15,63,52,.11)}
.why-icon{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;margin:0 auto 20px;font-size:29px;font-weight:900}
.why-card:nth-child(1) .why-icon{background:#ddf7fb;color:#0795ad}
.why-card:nth-child(2) .why-icon{background:#fff4d8;color:#e2a000}
.why-card:nth-child(3) .why-icon{background:#ffe5e5;color:#d93c4b}
.why-card:nth-child(4) .why-icon{background:#f1e4ff;color:#7f49a8}
.why-card h3{font-size:1.12rem;margin:0 0 9px;color:#17384a}
.why-card p{font-size:.98rem;line-height:1.65;color:#758079;margin:0}
.home-leader-copy h2,.section-heading h2,.faq-intro h2{font-size:clamp(2rem,3vw,2.75rem)!important}
.home-leader-message,.home-leader-message p{font-size:1.05rem!important;line-height:1.8!important}
.home-testimonials blockquote{font-size:1.12rem!important;line-height:1.75!important}
.home-faq .faq-item summary{font-size:1.02rem!important}
@media(max-width:980px){.home-why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.home-why{padding:58px 0}.home-why-grid{grid-template-columns:1fr}.profile-stats .stat-icon{width:52px!important;height:52px!important}.profile-stats .stat-icon svg{width:27px;height:27px}}

/* V9.3.1 dynamic content counters */
.content-meta .meta-like{color:#c6536b}.content-meta .meta-view{color:#397ca7}.content-meta .meta-share{color:#8a65b5}.content-readmore{display:inline-block;margin-top:12px;font-size:11px;font-weight:700;color:#075442}.public-article{max-width:900px}.public-article-cover{width:100%;max-height:520px;object-fit:cover;border-radius:22px;margin-bottom:18px}.public-article-meta{display:flex;gap:16px;margin:0 0 24px}.public-article-actions{display:flex;gap:10px;align-items:center;margin-top:28px;padding-top:18px;border-top:1px solid #e1e8e5}.public-article-actions form{margin:0}.public-article-actions button,.public-article-actions a{border:1px solid #d6e2dd;background:#fff;border-radius:9px;padding:9px 13px;color:#075442;font:inherit;font-size:12px;cursor:pointer}

/* V9.3.2 contact, guardian forms and slider anti-spam */
.cms-regular-input label,.cms-regular-input label *{font-weight:400}.public-service-form{margin-top:14px}.service-fields input,.service-fields textarea{width:100%;box-sizing:border-box;background:#f8faf9;border:1px solid var(--line);border-radius:11px;padding:12px;color:#385149;font:inherit;outline:none}.service-fields textarea{grid-column:1/-1;min-height:72px;resize:vertical}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important}.slider-captcha{margin-top:14px}.slider-track{position:relative;border:1px solid var(--line);background:#f4f7f5;border-radius:12px;padding:5px 10px;height:38px;display:flex;align-items:center;overflow:hidden}.slider-track span{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#708079;pointer-events:none}.slider-track input[type=range]{position:relative;width:100%;z-index:2;opacity:.78}.slider-captcha small{display:block;margin-top:6px;color:#7b8984;font-size:10px}.slider-captcha.verified .slider-track{background:#eaf6ef;border-color:#8bc2a7}.slider-captcha.verified .slider-track span{color:#18704d}.map-placeholder iframe{width:100%;height:100%;min-height:330px;border:0;border-radius:20px}.map-placeholder .btn{margin-top:14px}.cms-form-grid .wide{grid-column:1/-1}
/* V9.3.3 - larger slider verification + student announcements */
.slider-captcha{margin-top:16px}.slider-track{height:50px;padding:4px 12px;border-radius:14px;background:linear-gradient(90deg,#f2f6f4,#fafbf9);box-shadow:inset 0 1px 3px rgba(8,59,45,.06)}.slider-track span{font-size:12px;font-weight:700;letter-spacing:.01em}.slider-track input[type=range]{height:38px;opacity:1;cursor:grab;accent-color:#0b5a43}.slider-track input[type=range]:active{cursor:grabbing}.slider-track input[type=range]::-webkit-slider-thumb{width:34px;height:34px}.slider-captcha small{font-size:11px;margin-top:7px}.slider-captcha.verified .slider-track{background:#e8f5ed;border-color:#63ad88}.slider-captcha.verified .slider-track span{font-weight:800;color:#126b49}
.cms-ann-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;margin-bottom:18px}.recipient-source{display:grid;gap:9px;margin:8px 0 14px}.recipient-source label{display:flex;gap:8px;align-items:center;font-weight:400}.recipient-manual{display:none;gap:8px;margin:12px 0}.recipient-manual>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.recipient-manual input,.recipient-file input{width:100%;box-sizing:border-box}.recipient-file{display:none;margin:12px 0}.recipient-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0;padding:12px;border-radius:12px;background:#f7faf8}.recipient-summary b{font-size:18px}.recipient-summary span{font-size:11px;color:#71817b;margin-right:8px}.cms-mini-table{overflow:auto}.cms-mini-table table{width:100%;border-collapse:collapse}.cms-mini-table th,.cms-mini-table td{text-align:left;padding:10px;border-bottom:1px solid #e3e9e6;font-size:12px;font-weight:400}.cms-mini-table th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#6f7f79}.cms-broadcast-btn{margin-top:15px;width:100%}.cms-broadcast-btn:disabled{opacity:.45;cursor:not-allowed}.cms-help{display:block;margin-top:7px;color:#7a8883}.student-announcements{margin-top:24px}.student-ann-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e2e9e5;padding-bottom:14px;margin-bottom:4px}.student-ann-head small{color:#9b761e;font-weight:700}.student-ann-head h2{margin:5px 0 0}.student-ann-head>span{font-size:11px;color:#6f7f79}.student-ann-list article{padding:17px 0;border-bottom:1px solid #e7ece9}.student-ann-list article:last-child{border-bottom:0}.student-ann-list time{font-size:10px;color:#98731d}.student-ann-list h3{margin:5px 0 8px;font-size:18px}.student-ann-list article div{color:#566861;line-height:1.65;font-size:13px}
@media(max-width:980px){.cms-ann-grid{grid-template-columns:1fr}}

/* V9.3.4 - full width announcement editor + visible import templates */
.cms-ann-grid{grid-template-columns:minmax(0,1fr)!important;width:100%;}
.cms-ann-grid>.cms-panel{width:100%;box-sizing:border-box;}
.cms-ann-grid .cms-rich-area{min-height:260px;}
.cms-template-guide{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 18px;padding:18px 20px;border:1px solid #dbe5df;border-radius:14px;background:#fff;box-sizing:border-box;width:100%;}
.cms-template-guide h2{margin:3px 0 5px;font-size:18px;}
.cms-template-guide p{margin:0;color:#667972;font-size:12px;line-height:1.6;}
.cms-template-kicker{font-size:10px;letter-spacing:.08em;color:#9a761d;}
.cms-template-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto;}
.cms-template-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid #c9a343;border-radius:9px;background:#fffaf0;color:#194c40;text-decoration:none;font-size:12px;font-weight:400;white-space:nowrap;}
.cms-template-btn:hover{background:#f8f0da;}
.recipient-file{padding:14px;border:1px dashed #c8d7d0;border-radius:10px;background:#fafcfb;}
.recipient-file input[type=file]{padding:9px;background:#fff;border:1px solid #d8e2dd;border-radius:8px;}
@media(max-width:760px){.cms-template-guide{align-items:flex-start;flex-direction:column}.cms-template-actions{width:100%;justify-content:flex-start}.cms-template-btn{width:100%;box-sizing:border-box}}

/* V9.3.5 — compact premium recipient selector */
.cms-ann-grid{gap:14px;margin-bottom:14px}
.cms-ann-grid .cms-panel{padding:18px}
.cms-ann-grid .cms-panel-head p{margin:5px 0 12px}
.cms-ann-grid .cms-form-grid{gap:11px 14px}
.cms-ann-grid .cms-form-grid label{gap:5px}
.cms-ann-grid .cms-rich-area{min-height:220px}
.cms-ann-grid .cms-row-actions{margin-top:10px}

.recipient-source{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0 10px}
.recipient-source label{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:42px;margin:0;padding:9px 12px;border:1px solid #dce5e1;border-radius:10px;background:#fbfcfc;color:#35534b;font-size:11px;font-weight:400;line-height:1.25;cursor:pointer;box-sizing:border-box;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.recipient-source label:hover{border-color:#c9ad68;background:#fffdf7;box-shadow:0 5px 14px rgba(26,67,56,.06);transform:translateY(-1px)}
.recipient-source label:has(input:checked){border-color:#b9913d;background:#fff9e9;box-shadow:0 0 0 2px rgba(185,145,61,.10)}
.recipient-source input[type=radio]{width:15px;height:15px;margin:0;flex:0 0 15px;accent-color:#0b5847}
.recipient-manual,.recipient-file{margin:8px 0 10px}
.recipient-manual{gap:7px}
.recipient-manual>div{gap:8px}
.recipient-file{padding:10px 12px}
.recipient-file input[type=file]{padding:7px}
.cms-ann-grid .cms-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cms-ann-grid .cms-secondary-action{min-height:38px;padding:8px 13px}
.cms-ann-grid .cms-text-link{font-size:11px}
.recipient-summary{margin:11px 0;padding:9px 11px}
.cms-mini-table th,.cms-mini-table td{padding:8px 9px}
.cms-broadcast-btn{margin-top:11px}

@media(max-width:1050px){.recipient-source{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.recipient-source{grid-template-columns:1fr}.recipient-manual>div{grid-template-columns:1fr}}
/* V9.4.0 SIAKAD Finance */
.fin-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px;padding:5px;background:#eef3f0;border:1px solid #dce6e0;border-radius:14px}.fin-tabs a{padding:9px 14px;border-radius:10px;text-decoration:none;color:#345148;font-size:13px}.fin-tabs a.active{background:#fff;color:#063f32;box-shadow:0 3px 12px rgba(15,65,50,.08);font-weight:600}.fin-page{display:grid;gap:14px}.fin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.fin-head h1{margin:3px 0 4px}.fin-head p,.fin-panel p{margin:0;color:#667a73}.fin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fin-kpis article,.fin-panel{background:#fff;border:1px solid #dce6e0;border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(15,65,50,.045)}.fin-kpis article{display:grid;gap:5px}.fin-kpis small{color:#70837c}.fin-kpis strong{font-size:22px;color:#073f32}.fin-kpis.compact strong{font-size:18px}.fin-panel h2{margin:0 0 10px;font-size:18px}.fin-panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.fin-panel-title h2{margin:0}.fin-panel-title>strong{font-size:24px;color:#08745c}.fin-progress{height:7px;background:#e9efec;border-radius:99px;overflow:hidden;margin-top:6px}.fin-progress i{display:block;height:100%;background:linear-gradient(90deg,#08745c,#d6ac42);border-radius:99px}.fin-progress.xl{height:14px;margin:12px 0}.fin-progress-legend{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#667a73}.fin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fin-type-row{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 0;border-bottom:1px solid #edf1ef}.fin-type-row>div:first-child{display:grid}.fin-type-row span{font-size:11px;color:#72847e}.fin-type-row .fin-progress{grid-column:1/-1}.fin-mini-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf1ef}.fin-mini-list span{display:grid}.fin-mini-list small,.fin-table small{display:block;color:#71827d;font-size:11px;margin-top:2px}.fin-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fin-form-grid label,.fin-adjust{font-size:12px;color:#526860}.fin-form-grid input,.fin-form-grid select,.fin-inline select,.fin-adjust input,.fin-adjust select{width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid #d7e1dc;border-radius:9px;background:#fbfdfc;font:inherit;font-weight:400}.fin-form-action{display:flex;align-items:flex-end}.fin-inline{display:flex;gap:8px}.fin-inline select{max-width:260px;margin:0}.fin-note{font-size:12px!important;margin-top:8px!important}.fin-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.fin-badges span,.fin-status{font-size:11px;padding:5px 8px;border-radius:99px;background:#eef5f2}.fin-table-wrap{overflow:auto}.fin-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.fin-table th{text-align:left;color:#647871;font-weight:600;background:#f5f8f6}.fin-table th,.fin-table td{padding:10px;border-bottom:1px solid #e7eeea;vertical-align:top}.fin-table tr.invalid td{background:#fff8f7}.fin-status.ok{background:#e5f6ee;color:#08745c}.fin-status.bad{background:#fff0ed;color:#a84232}.fin-adjust{display:grid;gap:6px;width:230px;padding-top:8px}.fin-adjust input,.fin-adjust select{margin:0}.fin-alert{padding:10px 13px;border-radius:10px;font-size:13px}.fin-alert.success{background:#e8f7ef;color:#0b694f}.fin-alert.error{background:#fff0ed;color:#9b3d30}.fin-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.fin-steps span{padding:9px;text-align:center;background:#edf2ef;border-radius:9px;font-size:12px;color:#7b8b86}.fin-steps span.active{background:#0b5a48;color:#fff}.fin-upload{max-width:none}.fin-drop{display:grid;place-items:center;gap:4px;min-height:150px;border:1.5px dashed #a8bbb4;border-radius:14px;background:#f8fbf9;margin:12px 0;padding:18px;cursor:pointer}.fin-drop span{font-size:28px}.fin-drop input{margin-top:8px}.fin-drop small{color:#75857f}
@media(max-width:1000px){.fin-kpis,.fin-form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.fin-head,.fin-grid-2{display:grid;grid-template-columns:1fr}.fin-kpis,.fin-form-grid{grid-template-columns:1fr}.fin-tabs{overflow:auto;flex-wrap:nowrap}.fin-tabs a{white-space:nowrap}.fin-steps{grid-template-columns:1fr 1fr}}
.student-finance{margin-top:18px}.fin-student-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.fin-student-summary>div{padding:12px;background:#f7faf8;border:1px solid #e3ebe7;border-radius:12px;display:grid;gap:3px}.fin-student-summary small{color:#71837c}.fin-student-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.fin-student-groups article{padding:12px;border:1px solid #e2ebe6;border-radius:12px}.fin-student-groups article>div:first-child{display:flex;justify-content:space-between;gap:8px}.fin-student-groups article span,.fin-student-groups article small{font-size:11px;color:#71837c}.fin-months{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;gap:4px!important;margin-top:9px}.fin-months span{padding:4px 6px;border-radius:6px;background:#f0f3f1}.fin-months span.paid{background:#e5f6ee;color:#08745c}.fin-months span.partial{background:#fff6dc;color:#8b6500}@media(max-width:760px){.fin-student-summary,.fin-student-groups{grid-template-columns:1fr}}

/* V9.4.2 — compact premium prayer time bar */
.prayer-bar-wrap{position:relative;z-index:3;margin:-18px 0 0;padding:0 0 6px}.prayer-bar{display:grid;grid-template-columns:minmax(210px,1.15fr) minmax(520px,2.7fr) minmax(150px,.8fr);align-items:stretch;gap:0;overflow:hidden;border:1px solid rgba(202,166,74,.38);border-radius:18px;background:linear-gradient(115deg,#073f35 0%,#0b5848 48%,#073c33 100%);box-shadow:0 16px 40px rgba(4,48,39,.13);color:#fff}.prayer-intro{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,0));border-right:1px solid rgba(255,255,255,.10)}.prayer-mosque{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#d5ad4b;color:#073f35;box-shadow:0 8px 20px rgba(0,0,0,.13)}.prayer-mosque svg{width:23px;height:23px;fill:currentColor}.prayer-intro div{display:grid;min-width:0}.prayer-intro small{font-size:8px;letter-spacing:.09em;color:#e9d69e}.prayer-intro strong{margin-top:2px;font-size:13px;line-height:1.25}.prayer-intro strong span{color:#f1cf72}.prayer-intro em{margin-top:3px;font-style:normal;font-size:10px;color:#bcd4cc;font-variant-numeric:tabular-nums}.prayer-times{display:grid;grid-template-columns:repeat(6,minmax(72px,1fr));align-items:center;padding:8px}.prayer-time{position:relative;display:grid;place-items:center;gap:3px;min-height:54px;padding:5px 7px;border-radius:11px;transition:.2s ease}.prayer-time:not(:last-child):after{content:"";position:absolute;right:-1px;top:14px;bottom:14px;width:1px;background:rgba(255,255,255,.09)}.prayer-time span{font-size:9px;color:#bcd3cb}.prayer-time b{font-size:13px;color:#fff;font-variant-numeric:tabular-nums}.prayer-time.is-next{background:#fff;color:#073f35;box-shadow:0 8px 20px rgba(0,0,0,.12)}.prayer-time.is-next span{color:#6c7e77}.prayer-time.is-next b{color:#0a5948}.prayer-time.is-next:before{content:"Berikutnya";position:absolute;top:3px;right:5px;font-size:6px;letter-spacing:.04em;color:#b3841d}.prayer-date{display:grid;align-content:center;justify-items:end;padding:12px 16px;border-left:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);text-align:right}.prayer-date span{font-size:10px;line-height:1.4;color:#f6f1e6}.prayer-date small{margin-top:3px;font-size:8px;letter-spacing:.07em;color:#d9bf79}
@media(max-width:1050px){.prayer-bar{grid-template-columns:220px 1fr}.prayer-date{display:none}.prayer-times{grid-template-columns:repeat(6,1fr)}}
@media(max-width:760px){.prayer-bar-wrap{margin:-8px 0 0}.prayer-bar{grid-template-columns:1fr;border-radius:16px}.prayer-intro{border-right:0;border-bottom:1px solid rgba(255,255,255,.10);padding:12px 14px}.prayer-mosque{width:38px;height:38px;flex-basis:38px}.prayer-times{grid-template-columns:repeat(3,1fr);gap:4px;padding:7px}.prayer-time{min-height:47px}.prayer-time:after{display:none}.prayer-time.is-next:before{font-size:5px}.prayer-date{display:none}}

/* V9.4.3 — Prayer Bar / PSB visual hierarchy refinement
   Purpose: keep both utilities above the fold without visually merging them. */
.prayer-bar-wrap{
  margin:0!important;
  padding:22px 0 0!important;
  background:linear-gradient(180deg,#f7faf8 0%,#ffffff 100%);
}
.prayer-bar-wrap .container{position:relative}
.prayer-bar{
  border-radius:20px!important;
  border:1px solid rgba(202,166,74,.46)!important;
  box-shadow:0 14px 34px rgba(4,48,39,.11),0 2px 0 rgba(255,255,255,.7) inset!important;
}
.quick-info{
  position:relative;
  z-index:2;
  padding:16px 0 24px!important;
  background:#fff!important;
}
.quick-info .quick-grid{
  border:1px solid #e1e8e4;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(7,62,46,.07);
  background:#fff;
}
.quick-info .quick-item{
  min-height:64px;
}
.quick-info .quick-link{
  min-height:64px;
  box-shadow:inset 1px 0 rgba(255,255,255,.18);
}
.profile-showcase{padding-top:58px!important}
@media(max-width:760px){
  .prayer-bar-wrap{padding-top:14px!important}
  .quick-info{padding:12px 0 18px!important}
  .quick-info .quick-grid{border-radius:16px}
  .profile-showcase{padding-top:42px!important}
}

/* V9.4.4 — Premium curved Hero + restored Prayer overlap
   Scope: visual only. Prayer bar slightly overlaps Hero; PSB remains standalone. */
.hero{
  border-radius:0 0 34px 34px;
  border-bottom:2px solid rgba(202,166,75,.88);
  box-shadow:0 12px 30px rgba(8,59,45,.10);
}
.hero::before{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  bottom:5px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(224,198,111,.72) 18%,rgba(224,198,111,.92) 50%,rgba(224,198,111,.72) 82%,transparent);
  pointer-events:none;
}
.prayer-bar-wrap{
  position:relative!important;
  z-index:6!important;
  margin:-12px 0 0!important;
  padding:0!important;
  background:transparent!important;
}
.prayer-bar-wrap .container{position:relative}
.quick-info{
  margin-top:14px!important;
  padding:0 0 24px!important;
  background:#fff!important;
}
.profile-showcase{padding-top:58px!important}
@media(max-width:760px){
  .hero{border-radius:0 0 24px 24px;border-bottom-width:2px}
  .hero::before{left:18px;right:18px;bottom:4px}
  .prayer-bar-wrap{margin:-8px 0 0!important;padding:0!important}
  .quick-info{margin-top:12px!important;padding:0 0 18px!important}
  .profile-showcase{padding-top:42px!important}
}

/* V9.4.5 — Enlarged portrait backdrop shapes
   Scope: visual only. Enlarges decorative green/gold backdrops so portrait photos sit
   more comfortably inside the composition without changing image proportions. */
.home-leader-visual .leader-shape{
  width:96%;
  height:84%;
  right:-2%;
  bottom:1%;
  border-radius:42px 42px 118px 42px;
}
.home-leader-visual img{
  max-width:92%;
  max-height:430px;
}
.testimonial-photo .testimonial-shape{
  width:92%;
  height:92%;
  border-radius:30% 36% 27% 38%;
  transform:rotate(-11deg);
}
.testimonial-photo img{
  max-width:85%;
  max-height:360px;
}
@media(max-width:850px){
  .home-leader-visual .leader-shape{width:92%;height:82%;right:2%;bottom:2%}
  .testimonial-photo .testimonial-shape{width:86%;height:88%}
}
@media(max-width:560px){
  .home-leader-visual .leader-shape{width:94%;height:80%;right:1%;border-radius:30px 30px 82px 30px}
  .testimonial-photo .testimonial-shape{width:88%;height:86%;transform:rotate(-9deg)}
}

/* V9.5.2 — PSB availability guard */
.psb-disabled{filter:saturate(.55);opacity:.78;cursor:not-allowed!important;box-shadow:none!important}
.psb-disabled:hover{transform:none!important}
.psb-closed-modal[hidden]{display:none!important}.psb-closed-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px}.psb-closed-backdrop{position:absolute;inset:0;background:rgba(3,35,29,.68);backdrop-filter:blur(5px)}.psb-closed-dialog{position:relative;width:min(520px,100%);background:#fff;border:1px solid rgba(200,164,93,.55);border-radius:24px;padding:32px;box-shadow:0 30px 80px rgba(0,35,28,.28);text-align:center}.psb-closed-dialog:before{content:"";position:absolute;inset:0 0 auto;height:5px;border-radius:24px 24px 0 0;background:#d3ad45}.psb-modal-x{position:absolute;right:16px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:#f3f6f4;color:#0b4a3c;font-size:24px;cursor:pointer}.psb-modal-icon{display:grid;place-items:center;width:58px;height:58px;margin:2px auto 12px;border-radius:18px;background:#fff7df;color:#a77b12;font-size:26px}.psb-closed-dialog>small{font-weight:800;letter-spacing:.16em;color:#a77b12}.psb-closed-dialog h2{margin:8px 0 10px;color:#073f34;font-size:clamp(25px,4vw,34px)}.psb-closed-dialog>p{margin:0 auto 18px;max-width:430px;color:#58706a;line-height:1.65}.psb-modal-note{display:flex;gap:10px;text-align:left;background:#f3f8f6;border:1px solid #dce9e4;border-radius:14px;padding:13px 15px;color:#36564e}.psb-modal-note b{white-space:nowrap;color:#0b5d4b}.psb-modal-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.btn-ghost-dark{border:1px solid #cbdad5;color:#0b5d4b;background:#fff}.modal-open{overflow:hidden}@media(max-width:560px){.psb-closed-dialog{padding:28px 18px 20px;border-radius:20px}.psb-modal-note{display:block}.psb-modal-note b{display:block;margin-bottom:4px}.psb-modal-actions{flex-direction:column}.psb-modal-actions .btn{width:100%;justify-content:center}}
/* V9.5.4 — OTP countdown visibility */
.otp-expiry{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:14px 16px;border:2px solid #efb2b2;background:#fff5f5;border-radius:13px;color:#a31616}.otp-expiry span{font-weight:800}.otp-expiry strong{font-size:30px;line-height:1;font-weight:900;color:#c71919;letter-spacing:.04em;font-variant-numeric:tabular-nums}.otp-expiry.expired{background:#ffecec;border-color:#dc4a4a}.otp-expiry.expired strong{color:#a60000}@media(max-width:650px){.otp-expiry strong{font-size:26px}}
/* V9.5.4 — school origin switch */
#originSchoolInternal[hidden],#originSchoolExternal[hidden],#fullOriginInternal[hidden],#fullOriginExternal[hidden]{display:none!important}

/* V9.5.4.2 — Biodata UX refinement */
.psb-bio-progress-public{min-width:360px;max-width:430px;width:100%;border:1px solid #d9e5df;border-radius:18px;padding:16px 18px;background:linear-gradient(145deg,#f8fcfa,#fffaf0);box-shadow:0 10px 28px rgba(7,76,59,.07)}.psb-bio-progress-public-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.psb-bio-progress-public-head small{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:#9a7428}.psb-bio-progress-public-head b{display:block;margin-top:4px;color:#074b3b}.psb-bio-progress-public-head strong{font-size:27px;line-height:1;color:#075541}.psb-bio-progress-public-track{height:10px;background:#e4ece8;border-radius:999px;overflow:hidden;margin:14px 0 9px}.psb-bio-progress-public-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b654f,#d7ad43);transition:width .25s ease}.psb-bio-progress-public-meta{display:flex;justify-content:space-between;gap:12px;color:#697971;font-size:10px}.psb-bio-progress-public-docs{display:flex;gap:7px;margin-top:10px}.psb-bio-progress-public-docs span{padding:5px 8px;border-radius:999px;background:#eef2f0;color:#718078;font-size:10px}.psb-bio-progress-public-docs span.done{background:#e2f5eb;color:#08704f;font-weight:800}.psb-wizard-actions #saveState.is-loading:before,.btn.is-processing:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-right:7px;vertical-align:-2px;animation:psbSpin .65s linear infinite}@keyframes psbSpin{to{transform:rotate(360deg)}}.btn.is-processing{opacity:.78;cursor:wait}.psb-wizard-form input[readonly]{background:#edf1ef;color:#45534e;border-color:#cfd9d5;cursor:not-allowed}@media(max-width:800px){.psb-portal-head{align-items:stretch;flex-direction:column}.psb-bio-progress-public{min-width:0;max-width:none}}
.psb-portal-bio-meter{margin-top:14px;padding-top:14px;border-top:1px solid #e3ebe7}.psb-portal-bio-meter>div:first-child{display:flex;justify-content:space-between;gap:12px;color:#075541}.psb-portal-bio-meter .psb-progress{margin:8px 0}.psb-portal-bio-meter small{color:#708078}

/* V9.5.5.0 — Activated Student Portal dashboard */
.student-portal-shell{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px;align-items:start;margin-top:18px}.student-portal-side{position:sticky;top:18px;background:#073f34;color:#fff;border-radius:22px;padding:20px;box-shadow:0 16px 38px rgba(5,55,45,.14)}.student-portal-brand{padding:4px 4px 18px;border-bottom:1px solid rgba(255,255,255,.14)}.student-portal-brand span{display:block;color:#d7b45b;font-size:10px;font-weight:900;letter-spacing:.13em}.student-portal-brand b{display:block;margin-top:7px;font-size:18px}.student-portal-brand small{display:block;margin-top:4px;color:#bdd1ca}.student-portal-menu{display:grid;gap:7px;margin:16px 0}.student-portal-menu a{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:12px;color:#dceae5;text-decoration:none;font-weight:800}.student-portal-menu a:hover,.student-portal-menu a.active{background:rgba(255,255,255,.12);color:#fff}.student-portal-menu i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(215,180,91,.16);color:#e4c66e;font-style:normal;font-size:12px}.student-portal-side-note{display:grid;gap:5px;margin-top:18px;padding:13px;border-radius:13px;background:rgba(255,255,255,.08);font-size:11px;line-height:1.5}.student-portal-side-note span{color:#c8d9d3}.student-portal-main{min-width:0}.student-portal-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.student-portal-top small{color:#9a7428;font-weight:900;letter-spacing:.12em}.student-portal-top h2{margin:4px 0 2px;color:#073f34}.student-portal-top p{margin:0;color:#6c7e77}.student-portal-tools{display:flex;align-items:center;gap:10px}.student-tool{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #dbe6e1;border-radius:13px;background:#fff;text-decoration:none}.student-tool span{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#b88b25;color:#fff;font-size:10px;display:grid;place-items:center}.student-profile-chip{display:flex;align-items:center;gap:9px;border:1px solid #dbe6e1;background:#fff;border-radius:14px;padding:7px 10px}.student-profile-chip>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e5f0ec;color:#075541;font-weight:900}.student-profile-chip b,.student-profile-chip small{display:block}.student-profile-chip small{color:#7b8b85}.student-welcome-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;padding:22px;border:1px solid #dce8e3;border-top:3px solid #d3aa47;border-radius:18px;background:linear-gradient(135deg,#fff 60%,#f6fbf8);box-shadow:0 10px 28px rgba(5,65,51,.06)}.student-welcome-card small{color:#9a7428;font-weight:900;letter-spacing:.11em}.student-welcome-card h3{margin:4px 0;color:#073f34}.student-welcome-card p{margin:0;color:#697b74}.student-welcome-card>strong{font-size:34px;color:#075541}.student-progress-track{grid-column:1/-1;height:10px;background:#e2ebe7;border-radius:999px;overflow:hidden}.student-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b654f,#d7ad43)}.student-doc-state{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.student-doc-state span{padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800}.student-doc-state .ok{background:#e4f5ec;color:#08704f}.student-doc-state .bad{background:#fff0f0;color:#bd3030}.student-welcome-card>.btn{justify-self:end}.student-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.student-quick-grid article{padding:16px;border:1px solid #dce7e2;border-radius:15px;background:#fff}.student-quick-grid small,.student-quick-grid b,.student-quick-grid span{display:block}.student-quick-grid small{color:#8b9a94;font-weight:800}.student-quick-grid b{margin:5px 0;font-size:22px;color:#073f34}.student-quick-grid span{color:#708078;font-size:12px}@media(max-width:900px){.student-portal-shell{grid-template-columns:1fr}.student-portal-side{position:static}.student-portal-menu{grid-template-columns:repeat(3,1fr)}.student-portal-menu a{justify-content:center}.student-portal-side-note{display:none}}@media(max-width:650px){.student-portal-top{align-items:flex-start;flex-direction:column}.student-profile-chip div{display:none}.student-welcome-card{grid-template-columns:1fr}.student-welcome-card>strong{position:absolute;right:36px}.student-welcome-card>.btn{justify-self:stretch;justify-content:center}.student-quick-grid{grid-template-columns:1fr}.student-portal-menu a{padding:10px 6px;gap:5px;font-size:11px;flex-direction:column}.student-portal-menu i{width:23px;height:23px}}
/* V9.5.5.1 - Activated Student dashboard actions */
.student-welcome-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.student-cert-btn{border:1px solid #c99d38;background:#fff;color:#795a16}.student-cert-btn:hover{background:#fff8e7}@media(max-width:650px){.student-welcome-actions{grid-column:1/-1;justify-content:stretch}.student-welcome-actions .btn{flex:1 1 100%;justify-content:center}}

/* V9.5.5.2 - Activated Student Portal: full-width + responsive workspace */
.student-dashboard-active{padding:24px 0 40px}
.student-dashboard-active>.container{width:min(1680px,calc(100% - 32px));max-width:none}
.student-dashboard-active .student-portal-shell{grid-template-columns:250px minmax(0,1fr);gap:22px;margin-top:0}
.student-dashboard-active .student-portal-main{width:100%;max-width:none}
.student-dashboard-active .student-welcome-card,.student-dashboard-active .student-finance,.student-dashboard-active .student-announcements{width:100%}
@media (min-width:1440px){
  .student-dashboard-active>.container{width:calc(100% - 48px)}
  .student-dashboard-active .student-portal-shell{grid-template-columns:270px minmax(0,1fr);gap:26px}
}
@media (max-width:900px){
  .student-dashboard-active{padding:14px 0 28px}
  .student-dashboard-active>.container{width:calc(100% - 24px)}
  .student-dashboard-active .student-portal-shell{grid-template-columns:1fr;gap:14px}
  .student-dashboard-active .student-portal-side{position:static;padding:14px 16px;border-radius:18px}
  .student-dashboard-active .student-portal-brand{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 0 12px}
  .student-dashboard-active .student-portal-brand span{flex:1 0 100%}
  .student-dashboard-active .student-portal-brand b{margin-top:0}
  .student-dashboard-active .student-portal-brand small{margin:0 0 0 auto}
  .student-dashboard-active .student-portal-menu{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 0}
  .student-dashboard-active .student-portal-menu a{justify-content:center;text-align:center}
  .student-dashboard-active .student-portal-side-note{display:none}
}
@media (max-width:650px){
  .student-dashboard-active>.container{width:calc(100% - 16px)}
  .student-dashboard-active .student-portal-side{padding:12px;border-radius:16px}
  .student-dashboard-active .student-portal-brand small{margin-left:0}
  .student-dashboard-active .student-portal-menu{gap:5px}
  .student-dashboard-active .student-portal-menu a{padding:9px 4px;font-size:10px}
  .student-dashboard-active .student-portal-top{gap:10px;margin-bottom:12px}
  .student-dashboard-active .student-portal-top h2{font-size:clamp(28px,9vw,38px);line-height:1.05}
  .student-dashboard-active .student-portal-tools{width:100%;justify-content:space-between}
  .student-dashboard-active .student-welcome-card{padding:17px;border-radius:16px}
  .student-dashboard-active .student-welcome-card>strong{position:static;justify-self:start}
  .student-dashboard-active .student-doc-state{align-items:stretch}
  .student-dashboard-active .student-doc-state span{flex:1 1 100%}
  .student-dashboard-active .student-quick-grid{gap:8px}
  .student-dashboard-active .student-quick-grid article{padding:13px}
  .student-dashboard-active .student-finance,.student-dashboard-active .student-announcements{padding:16px;border-radius:16px}
  .student-dashboard-active .fin-student-summary{grid-template-columns:1fr}
}

/* V9.5.5.3 - Full-height student sidebar + protected student profile */
.student-dashboard-active .student-portal-shell{align-items:stretch}
.student-dashboard-active .student-portal-side{min-height:calc(100vh - 105px);display:flex;flex-direction:column;align-self:stretch}
.student-dashboard-active .student-portal-side-note{margin-top:auto}
.student-profile-link{color:inherit;text-decoration:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.student-profile-link:hover{border-color:#c7d9d2;box-shadow:0 8px 22px rgba(5,65,51,.08);transform:translateY(-1px)}
.student-profile-chip>img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #e5f0ec}
.student-profile-page{padding:28px 0 48px;background:#f5f8f6;min-height:70vh}
.student-profile-container{width:min(1180px,calc(100% - 32px));max-width:none}
.student-profile-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.student-profile-head h1{margin:5px 0;color:#073f34}.student-profile-head p{margin:0;color:#667871}
.student-profile-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:18px;align-items:start}
.student-profile-card{background:#fff;border:1px solid #dce7e2;border-radius:18px;padding:22px;box-shadow:0 10px 28px rgba(5,65,51,.05)}
.student-profile-card h2{margin:6px 0;color:#073f34}
.student-profile-photo{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #e2ebe7}
.student-profile-photo img,.student-profile-photo .profile-photo-fallback{width:68px;height:68px;border-radius:50%;object-fit:cover}
.student-identity-lock{display:grid;gap:12px;margin-top:20px;padding:16px;border-radius:14px;background:#f5f8f6;border:1px solid #dce7e2}
.student-identity-lock>b{color:#073f34}.student-identity-lock label{display:grid;gap:6px;font-weight:800;color:#27473e}.student-identity-lock input[readonly]{background:#edf2ef;color:#60716a;cursor:not-allowed}
.student-identity-lock p{margin:0;padding:10px 12px;border-radius:10px;background:#fff8e7;color:#725514;font-size:12px;line-height:1.55}
@media(max-width:900px){
 .student-dashboard-active .student-portal-side{min-height:auto;display:block}
 .student-dashboard-active .student-portal-side-note{margin-top:12px}
 .student-profile-grid{grid-template-columns:1fr}
 .student-profile-head{align-items:flex-start;flex-direction:column}
}
@media(max-width:650px){
 .student-profile-page{padding:16px 0 30px}.student-profile-container{width:calc(100% - 16px)}
 .student-profile-card{padding:16px;border-radius:16px}.student-profile-head .btn{width:100%;justify-content:center}
}
/* V9.5.5.4 — Persistent Student Portal & read-only Finance Detail */
.student-portal-subpage{align-items:stretch;min-height:calc(100vh - 92px)}.student-portal-subpage .student-portal-side{min-height:calc(100vh - 92px)}.student-portal-form-main .psb-flow{padding:0;background:transparent}.student-portal-form-main .psb-flow>.container{width:100%;max-width:none;padding:0}.student-portal-form-main .psb-portal-head{margin-top:0}.student-finance-action{display:flex;justify-content:flex-end;margin-top:14px}.finance-overview{margin-bottom:14px}.student-finance-detail{margin-top:0}.finance-type-section{margin-top:22px}.finance-type-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce6e1;padding-bottom:10px;margin-bottom:10px}.finance-type-head h3{margin:0;color:#003f34}.finance-type-head span{font-size:12px;color:#6d7c77}.finance-charge-list{display:grid;gap:10px}.finance-charge-row{border:1px solid #dce6e1;border-radius:14px;padding:16px;background:#fff}.finance-charge-main{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.finance-charge-main small{color:#8b6a14;font-weight:700}.finance-charge-main h4{margin:3px 0;color:#063e35}.finance-charge-main span{font-size:12px;color:#6d7c77}.finance-status{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.finance-status.paid{background:#e4f7ec;color:#147342}.finance-status.partial{background:#fff3cf;color:#8b6500}.finance-status.unpaid{background:#fde7e7;color:#b32929}.finance-charge-money{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.finance-charge-money>span{background:#f7faf8;border:1px solid #e2eae6;border-radius:10px;padding:10px;font-size:12px;display:flex;flex-direction:column;gap:3px}.finance-charge-money b{font-size:14px;color:#073f35}.finance-payment-history{margin-top:12px;border-top:1px dashed #dce6e1;padding-top:10px}.finance-payment-history>b{font-size:12px;color:#53635e}.finance-payment-history>div{display:grid;grid-template-columns:110px 150px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid #eef2f0;font-size:12px}.finance-payment-history small{color:#7a8783}.finance-no-payment{margin-top:12px;padding-top:10px;border-top:1px dashed #dce6e1;color:#9b3a3a;font-size:12px}.finance-empty{text-align:center;padding:36px 12px;color:#65736f}@media(max-width:900px){.student-portal-subpage{min-height:0}.student-portal-subpage .student-portal-side{min-height:0}.student-portal-form-main .student-portal-top{margin-bottom:12px}}@media(max-width:650px){.finance-charge-main{flex-direction:column}.finance-charge-money{grid-template-columns:1fr}.finance-payment-history>div{grid-template-columns:1fr 1fr}.finance-payment-history small{grid-column:1/-1}.student-finance-action .btn{width:100%;text-align:center}}

/* V9.5.6.0 — readable form typography */
label{font-size:14px;font-weight:700;line-height:1.4}input,select,textarea{font-size:14px!important;font-weight:400!important}input::placeholder,textarea::placeholder{font-weight:400}.psb-continuation-form{display:grid;gap:12px;margin-top:14px}.psb-continuation-form>label{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid #dce7e2;border-radius:12px;background:#fbfdfc}.psb-continuation-form input[type=radio],.psb-continuation-form input[type=checkbox]{width:auto;margin-top:3px}.psb-continuation-admin .psb-continuation-status{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:10px 0 15px;padding:12px 14px;background:#f7faf8;border-radius:12px}.psb-continuation-admin .psb-continuation-status small{color:#6f7f79}.student-psb-payment-card{margin-bottom:18px}
/* V9.5.6.2 Smart Tariff Document */
.fin-span-2{grid-column:span 2}.fin-form-grid label{font-size:14px;font-weight:700;color:#284a40}.fin-form-grid input,.fin-form-grid select{font-size:15px;font-weight:400}.fin-form-grid small{display:block;margin-top:5px;font-size:11px;font-weight:400;color:#71827d}.fin-detect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.fin-detect-grid>div{padding:12px;border:1px solid #dce6e0;border-radius:12px;background:#f8fbf9;display:grid;gap:4px}.fin-detect-grid small{color:#6c7d77}.fin-detect-grid b{color:#073f32}.fin-extracted-text{margin:12px 0;border:1px solid #e0e8e4;border-radius:12px;padding:10px}.fin-extracted-text summary{cursor:pointer;font-weight:700}.fin-extracted-text pre{white-space:pre-wrap;max-height:300px;overflow:auto;font:12px/1.55 ui-monospace,monospace;background:#f7f9f8;padding:12px;border-radius:9px}.fin-rule-options{display:flex;gap:20px;flex-wrap:wrap;margin:12px 0}.fin-rule-options label,.fin-approval-check{font-size:13px;font-weight:700}.fin-class-amounts{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.fin-class-amounts label{font-size:13px;font-weight:700}.fin-class-amounts input{width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid #d7e1dc;border-radius:9px;font-weight:400}.fin-approval-check{display:block;padding:12px;background:#fff8df;border:1px solid #f0d98b;border-radius:10px;margin:14px 0}.finance-tariff-doc{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;margin-top:12px;padding:12px;border:1px solid #d9e5df;background:#f8fbf9;border-radius:12px}.finance-tariff-doc>div{display:grid}.finance-tariff-doc span,.finance-tariff-doc small{font-size:11px;color:#687a74}.finance-tariff-doc small{grid-column:1/-1}@media(max-width:720px){.fin-span-2{grid-column:auto}.fin-detect-grid,.fin-class-amounts{grid-template-columns:1fr}.finance-tariff-doc{grid-template-columns:1fr}.finance-tariff-doc .btn{width:100%;text-align:center}}
.fin-rule-edit{margin-top:7px;min-width:180px}.fin-rule-edit summary{cursor:pointer;font-size:11px}.fin-rule-edit form{display:grid;gap:6px;margin-top:7px}.fin-rule-edit label{font-size:11px}.fin-rule-edit input{width:100%;box-sizing:border-box;padding:7px;border:1px solid #d7e1dc;border-radius:7px;font-weight:400}.finance-doc-detail{grid-column:1/-1;margin-top:6px}.finance-doc-detail summary{cursor:pointer;font-size:12px;font-weight:700}.finance-doc-detail>div{margin-top:8px;max-height:260px;overflow:auto;white-space:normal;font-size:12px;line-height:1.55;background:#fff;padding:10px;border-radius:8px}
/* V9.5.6.3 — Smart PDF Tariff Extraction & Verification Workspace */
.fin-workspace{border-top:3px solid #c79a28}.fin-workspace-summary{margin-bottom:18px}.fin-workspace-year{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:18px;align-items:end;padding:14px 0 18px}.fin-workspace-year label{display:grid;gap:6px}.fin-workspace-year select,.fin-verify-table input,.fin-verify-table select{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid #cedbd5;border-radius:9px;background:#fff}.fin-workspace-year p{margin:0;padding:11px 13px;border-radius:10px;background:#f5f8f6;color:#52665f;font-size:12px;line-height:1.55}.fin-verify-table{min-width:920px}.fin-verify-table td{vertical-align:top}.fin-money-input{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid #cedbd5;border-radius:9px;background:#fff;overflow:hidden;min-width:150px}.fin-money-input>span{padding:10px;background:#f2f6f4;color:#52665f;font-weight:800}.fin-money-input input{border:0!important;border-radius:0!important}.fin-status.warn{background:#fff3d1;color:#856200}.fin-status.info{background:#edf2f0;color:#53665f}.fin-inline-field{display:grid;grid-template-columns:auto 85px;align-items:center;gap:8px;font-size:12px}.fin-mini-check{display:flex!important;align-items:center;gap:6px;margin-top:8px;font-size:11px!important}.fin-mini-check input,.fin-row-check input{width:auto!important}.fin-rule-caption{display:block;margin-top:7px;color:#6b7c76;line-height:1.4}.fin-row-check{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #d8e3de;border-radius:9px;background:#f8fbf9;white-space:nowrap}.fin-class-row td{padding-top:0!important;background:#fbfcfb}.fin-class-review{border:1px solid #dce6e1;border-radius:12px;padding:13px;background:#fff}.fin-class-review-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:#073f34}.fin-class-review-title span{font-size:11px;font-weight:400;color:#6d7e78}.fin-class-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px}.fin-class-grid label{display:grid;gap:6px}.fin-workspace-notice{display:grid;gap:3px;margin:16px 0 12px;padding:13px 15px;border:1px solid #efd48a;border-radius:11px;background:#fff8e4;color:#694f12}.fin-workspace-notice span{font-size:12px;line-height:1.5}.fin-approve-btn{min-height:42px}.fin-extracted-text{margin-top:18px}
@media(max-width:800px){.fin-workspace-year{grid-template-columns:1fr}.fin-class-grid{grid-template-columns:1fr}.fin-class-review-title{flex-direction:column}.fin-workspace-summary{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.fin-workspace-summary{grid-template-columns:1fr}.fin-approve-btn{width:100%}}
/* V9.5.6.3ai — Portal PSB payment account + prominent official decision notice */
.psb-payment-account-card{margin:18px 0;padding:22px;border:1px solid #c9dfd7;border-radius:18px;background:linear-gradient(135deg,#f5fbf8,#fff);box-shadow:0 12px 30px rgba(8,76,59,.08)}
.psb-payment-account-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.psb-payment-account-head small{font-weight:800;letter-spacing:.08em;color:#0b6b52}.psb-payment-account-head h2{margin:4px 0 0}.psb-payment-account-head>span{padding:6px 10px;border-radius:999px;background:#e7f6ef;color:#08704f;font-size:12px;font-weight:800}
.psb-payment-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.psb-payment-account-grid article{padding:16px;border:1px solid #dce9e4;border-radius:14px;background:#fff}.psb-payment-account-grid article small,.psb-payment-account-grid article strong,.psb-payment-account-grid article p{display:block}.psb-payment-account-grid article small{color:#60746d;font-weight:700}.psb-payment-account-grid article strong{margin:6px 0;font-size:20px;letter-spacing:.03em;color:#063f33}.psb-payment-account-grid article p{margin:0;color:#40564f}.psb-payment-account-note{margin:13px 0 0;font-size:13px;color:#60746d}
.psb-selection-note.psb-selection-note-prominent{margin-top:18px!important;padding:18px 20px!important;border:2px solid #caa64a!important;border-radius:16px!important;background:linear-gradient(135deg,#fffdf5,#fff8df)!important;box-shadow:0 10px 24px rgba(111,83,17,.10)!important}.psb-selection-note.psb-selection-note-prominent b{display:block;color:#72560e!important;letter-spacing:.05em;font-size:12px}.psb-selection-note.psb-selection-note-prominent p{margin:8px 0 0!important;font-size:15px!important;line-height:1.65!important;color:#332b18!important;font-weight:650!important}
@media(max-width:720px){.psb-payment-account-head{flex-direction:column}.psb-payment-account-head>span{align-self:flex-start}.psb-payment-account-grid{grid-template-columns:1fr}}

/* V9.5.6.3aj — locked PSB continuation refinements */
.psb-continuation-form>label{display:flex!important;align-items:center;gap:10px;flex-wrap:nowrap}.psb-continuation-form>label input[type=radio]{flex:0 0 auto;margin:0}.psb-continuation-form>label span{display:inline!important;margin:0}.psb-selection-note-top{margin:12px 0 16px}.psb-transition-ready{margin-top:14px;padding:16px 18px;border:1px solid #d6b85b;border-radius:12px;background:#fff9e8}.psb-transition-ready small{font-weight:800;letter-spacing:.08em;color:#8a6500}.psb-transition-ready h3{margin:6px 0}.psb-transition-ready p{margin:0}.portal-processing-overlay{position:fixed;inset:0;z-index:99999;background:rgba(5,46,38,.78);display:none;align-items:center;justify-content:center;padding:24px}.portal-processing-overlay.is-active{display:flex}.portal-processing-box{min-width:min(420px,92vw);background:#fff;border-radius:18px;padding:26px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.24)}.portal-processing-spinner{width:42px;height:42px;border:4px solid #dce7e3;border-top-color:#0b5d4b;border-radius:50%;margin:0 auto 14px;animation:portalSpin .75s linear infinite}.portal-processing-box b{display:block;font-size:1.05rem}.portal-processing-box span{display:block;margin-top:5px;color:#68756f;font-size:.9rem}@keyframes portalSpin{to{transform:rotate(360deg)}}
/* V9.5.6.3ar — PSB form readability only; global theme remains unchanged. */
.psb-readable-form label,.psb-form-card.psb-readable-form label{font-size:13px;font-weight:800;color:#274b41}
.psb-readable-form .psb-field-label{font-size:13px;font-weight:800}
.psb-readable-form input,.psb-readable-form select,.psb-readable-form textarea,.psb-form-card.psb-readable-form input,.psb-form-card.psb-readable-form select,.psb-form-card.psb-readable-form textarea{font-size:13px!important;font-weight:400!important}

/* V9.5.6.3au: explicit logout shortcut in validated continuation notice. */
.psb-transition-ready p{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.psb-inline-logout{display:inline;margin:0}.psb-logout-shortcut{appearance:none;border:0;background:transparent;padding:0;color:var(--green);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.psb-logout-shortcut:hover,.psb-logout-shortcut:focus{color:#9a7428;outline:none}.psb-logout-shortcut:focus-visible{box-shadow:0 0 0 3px rgba(178,139,56,.18);border-radius:4px}

/* V9.5.6.3av — Unified Portal address layout */
.psb-copy-address-cell{display:flex!important;align-items:flex-end;justify-content:space-between;gap:12px;min-height:64px}
.psb-copy-address-cell .psb-copy-address{margin:0;white-space:nowrap}
@media (max-width:760px){.psb-copy-address-cell{align-items:stretch;flex-direction:column}.psb-copy-address-cell .psb-copy-address{width:100%}}

/* V9.5.6.3ay — readable, professional form typography for user-facing portals. */
.auth-card form label,.psb-flow form label,.student-shell form label,.portal-shell form label{font-size:15px;font-weight:800;line-height:1.4;color:#183f35}
.auth-card form input,.auth-card form select,.auth-card form textarea,.psb-flow form input,.psb-flow form select,.psb-flow form textarea,.student-shell form input,.student-shell form select,.student-shell form textarea,.portal-shell form input,.portal-shell form select,.portal-shell form textarea{font-size:16px!important;font-weight:400!important;line-height:1.45}
.password-hint,.auth-card label small{display:inline-block;margin-left:6px;font-size:12px;font-weight:600;color:#728078}.portal-help-forgot{justify-content:flex-end}.portal-help-forgot a{font-weight:800}.auth-note{color:#60736b;line-height:1.6}.auth-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:680px){.auth-password-grid{grid-template-columns:1fr}}

/* V9.5.6.3bh — Expired OTP resend + activation recovery */
.otp-recovery-note{margin:10px 0 0;padding:12px 14px;border:1px solid #efc3c3;background:#fff4f4;border-radius:12px;color:#8f2727;font-size:12px;line-height:1.55}.otp-recovery-note b{display:block;margin-bottom:3px}.otp-resend-action{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:14px}.otp-resend-action .btn{min-width:190px}.otp-resend-action .btn:disabled,.psb-otp-card .btn:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.25)}


/* V9.5.6.3bi — OTP resend button visibility + expired UI lock */
[data-otp-recovery] .otp-resend-action[hidden]{display:none!important}
[data-otp-recovery] .otp-resend-action{justify-content:flex-end;margin-top:-44px;margin-bottom:0;min-height:44px;pointer-events:auto}
[data-otp-recovery] .otp-resend-action .btn{min-width:138px}
[data-otp-recovery] [data-otp-verify]:disabled{background:#d9dfdc!important;border-color:#d9dfdc!important;color:#7b8782!important;box-shadow:none!important;cursor:not-allowed!important;pointer-events:none;opacity:1!important}
@media(max-width:520px){[data-otp-recovery] .otp-resend-action{justify-content:stretch;margin-top:10px}[data-otp-recovery] .otp-resend-action .btn{width:100%}}

/* V9.5.6.3bj — Force OTP resend visibility + server expiry fallback */
[data-otp-recovery] .otp-resend-action:not([hidden]){display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
[data-otp-recovery] .otp-resend-action:not([hidden]) .btn{display:inline-flex!important;visibility:visible!important;opacity:1;align-items:center;justify-content:center}

/* V9.5.6.3bk — Legacy Student OTP Recovery Flow Fix
   Resend was already rendered on expired state, but generic .btn-ghost is white-on-white
   inside the light auth card. Force an auth-safe visible treatment for every OTP flow. */
[data-otp-recovery] .otp-resend-action:not([hidden]) [data-otp-resend]{background:#fff!important;color:var(--green)!important;border:1px solid #bfd0c9!important;box-shadow:none!important;visibility:visible!important;opacity:1!important}
[data-otp-recovery] .otp-resend-action:not([hidden]) [data-otp-resend]:hover{background:#f4f8f6!important;border-color:#91aea3!important;color:var(--green)!important}
[data-otp-recovery] .otp-resend-action:not([hidden]) [data-otp-resend]:disabled{background:#f2f4f3!important;color:#7b8782!important;border-color:#d9dfdc!important;cursor:not-allowed!important}

/* PSB payment hierarchy: action first, account information secondary. */
.psb-portal-grid>div{min-width:0}.psb-action-card{border-top:3px solid var(--green)}
.psb-payment-account-head h2{font-size:20px;line-height:1.35}.psb-payment-account-card{box-shadow:none}.psb-payment-account-grid article{min-width:0;overflow-wrap:anywhere}.psb-payment-account-head>span{white-space:normal}

/* V9.5.6.3bn — PSB action hierarchy after payment submission */
.psb-portal-grid{align-items:stretch}
.psb-action-card{position:relative;border:1px solid #b9d8cc;border-top:4px solid var(--green);background:linear-gradient(135deg,#f4fbf7 0%,#ffffff 68%);box-shadow:0 16px 38px rgba(7,76,59,.10)}
.psb-action-card>small{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#fff4d8;color:#8a681d;font-size:10px}
.psb-action-card h2{margin-top:10px;font-size:27px;line-height:1.2}
.psb-summary-card{border-color:#d7e4df;background:#fff;box-shadow:0 10px 28px rgba(7,62,46,.05)}
.psb-payment-account-card{padding:18px 20px;background:#fbfdfc;border-color:#d9e6e1;box-shadow:none}
.psb-payment-account-head{margin-bottom:10px;align-items:center}
.psb-payment-account-head small{font-size:9px;letter-spacing:.09em}
.psb-payment-account-head h2{font-size:18px;line-height:1.25;margin-top:2px}
.psb-payment-account-head>span{font-size:10px;padding:5px 8px}
.psb-payment-account-grid article{padding:12px 14px}
.psb-payment-account-grid article small{font-size:10px}
.psb-payment-account-grid article strong{font-size:17px;margin:4px 0}
.psb-payment-account-grid article p,.psb-payment-account-note{font-size:11px}
.psb-payment-account-note{margin-top:9px}
@media(max-width:800px){.psb-action-card h2{font-size:23px}.psb-payment-account-card{padding:16px}.psb-payment-account-head{align-items:flex-start}}

/* V9.5.6.3br — Premium Unified Portal dashboard + compact announcements */
.student-dashboard-active{background:#f4f8f6}.student-dashboard-active>.container{max-width:none;width:100%;padding:0}.student-dashboard-active .student-portal-shell{gap:0;grid-template-columns:285px minmax(0,1fr);min-height:calc(100vh - 76px)}.student-dashboard-active .student-portal-side{border-radius:0;padding:28px 18px;background:linear-gradient(180deg,#064c3e,#006044);box-shadow:8px 0 28px rgba(4,61,49,.08)}.student-dashboard-active .student-portal-main{padding:24px 32px 34px}.student-dashboard-active .student-portal-top h2{font-family:Georgia,'Times New Roman',serif;font-size:38px;margin:0;color:#073f34}.student-dashboard-active .student-portal-top p{margin-top:3px}.student-menu-dot{width:7px;height:7px;border-radius:50%;background:#e3b33d;margin-left:auto}.student-welcome-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end}.student-cert-btn{border:1px solid #d7a62f;background:#fff;color:#7b5600}.student-dashboard-middle{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:16px;margin:16px 0}.student-dashboard-middle>.panel{margin:0}.student-announcements,.student-policy-card,.student-finance{border:1px solid #dce7e2;border-radius:18px;box-shadow:0 8px 24px rgba(5,65,51,.04)}.student-ann-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.student-ann-head h2{margin:0;color:#073f34}.student-ann-head p{margin:4px 0 0;color:#71817b}.student-ann-head>a{font-size:12px;font-weight:800;color:#075541;text-decoration:none;white-space:nowrap}.student-ann-row{display:grid;grid-template-columns:92px minmax(0,1fr) 135px 18px;gap:14px;align-items:center;padding:14px 4px;border-top:1px solid #e7eeeb;color:inherit;text-decoration:none}.student-ann-copy{min-width:0}.student-ann-title{display:flex;align-items:center;gap:9px}.student-ann-title h3{margin:0;font-size:14px;color:#172a25}.student-ann-excerpt{margin-top:3px;color:#61736c;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-ann-excerpt p{display:inline;margin:0}.student-ann-row time{font-size:11px;color:#748780;text-align:right}.student-ann-arrow{font-size:24px;color:#6f8c83}.student-new-badge{display:inline-flex;padding:3px 8px;border-radius:999px;background:#ed5b4f;color:#fff;font-size:9px;font-weight:900}.student-ann-empty{display:grid;gap:3px;padding:28px 12px;text-align:center;color:#73827d}.student-policy-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#fffdf8,#f7f3e7)}.student-policy-card:after{content:"";position:absolute;right:-55px;bottom:-70px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,#d8bd6b33 0 38%,transparent 40%)}.student-policy-card>div{position:relative;z-index:1}.student-policy-card small{color:#9b7420;font-weight:900;letter-spacing:.1em}.student-policy-card h2{margin:5px 0 26px;color:#073f34}.student-policy-card h3{margin:0 0 7px;font-size:18px;color:#173a31}.student-policy-card p{color:#64756f;line-height:1.55}.student-policy-card .btn{margin-top:10px}.student-finance .fin-progress{margin:14px 0}.student-finance .fin-student-summary{grid-template-columns:repeat(3,1fr) auto;align-items:stretch}.student-finance .fin-student-summary>.btn{align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:210px}.student-ann-page-head{align-items:flex-end}.student-breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:#71827b}.student-breadcrumb a{color:#55716a;text-decoration:none}.student-ann-compact{border:1px solid #dce7e2;border-radius:16px;background:#fff;padding:0 14px}.student-ann-compact .student-ann-row:first-child{border-top:0}.student-ann-compact+.announcement-pagination{margin-top:12px}
@media(max-width:1050px){.student-dashboard-active .student-portal-shell{grid-template-columns:235px minmax(0,1fr)}.student-dashboard-active .student-portal-main{padding:20px}.student-dashboard-middle{grid-template-columns:1fr}.student-finance .fin-student-summary{grid-template-columns:repeat(3,1fr)}.student-finance .fin-student-summary>.btn{grid-column:1/-1}.student-ann-row{grid-template-columns:82px minmax(0,1fr) 115px 16px}}
@media(max-width:760px){.student-dashboard-active .student-portal-shell{grid-template-columns:1fr}.student-dashboard-active .student-portal-side{border-radius:0;min-height:auto}.student-dashboard-active .student-portal-main{padding:16px 12px 26px}.student-dashboard-active .student-portal-menu{grid-template-columns:repeat(4,1fr)}.student-welcome-actions{grid-column:1/-1;justify-content:stretch;flex-wrap:wrap}.student-welcome-actions .btn{flex:1 1 190px;justify-content:center}.student-ann-page-head{align-items:flex-start}.student-breadcrumb{display:none}.student-ann-row{grid-template-columns:72px minmax(0,1fr) 16px;gap:9px}.student-ann-row time{grid-column:2/3;grid-row:2;text-align:left}.student-ann-arrow{grid-column:3;grid-row:1/3}.student-ann-excerpt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.student-finance .fin-student-summary{grid-template-columns:1fr}.student-finance .fin-student-summary>.btn{grid-column:auto}}


/* V9.5.6.3bs — Unified Portal persistent navigation + mosque visual identity */
.student-dashboard-active .student-portal-side{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#064c3e 0%,#00533f 62%,#004837 100%)}
.student-dashboard-active .student-portal-side:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:48%;background:linear-gradient(180deg,rgba(0,72,55,1) 0%,rgba(0,72,55,.54) 28%,rgba(0,72,55,.12) 100%),url('/assets/images/masjid.jpg') center bottom/cover no-repeat;opacity:.72;pointer-events:none}
.student-dashboard-active .student-portal-side:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,66,52,.12),transparent 42%,rgba(2,66,52,.08));pointer-events:none}
.student-dashboard-active .student-portal-brand,.student-dashboard-active .student-portal-menu,.student-dashboard-active .student-portal-side-note{position:relative;z-index:1}
.student-dashboard-active .student-portal-menu{display:grid}
.student-dashboard-active .student-portal-menu a{backdrop-filter:blur(2px)}
.student-dashboard-top{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(340px,1.2fr) auto;align-items:center;gap:18px}
.student-dashboard-quote{min-height:82px;border:1px solid #e4e8df;border-radius:15px;padding:15px 160px 14px 24px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(255,253,247,.98) 0%,rgba(255,253,247,.91) 58%,rgba(255,253,247,.28) 100%),url('/assets/images/masjid.jpg') right 42%/cover no-repeat;box-shadow:0 8px 24px rgba(5,65,51,.04)}
.student-dashboard-quote:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 58%,rgba(4,82,63,.08));pointer-events:none}
.student-dashboard-quote span,.student-dashboard-quote small{position:relative;z-index:1}.student-dashboard-quote span{font-size:13px;line-height:1.5;font-weight:700;color:#16483c}.student-dashboard-quote small{margin-top:4px;color:#6d7e77}
@media(max-width:1180px){.student-dashboard-top{grid-template-columns:1fr auto}.student-dashboard-quote{grid-column:1/-1;grid-row:2;padding-right:130px}}
@media(max-width:760px){.student-dashboard-active .student-portal-side:before{display:none}.student-dashboard-top{display:flex;align-items:flex-start}.student-dashboard-quote{display:none}.student-dashboard-active .student-portal-menu{grid-template-columns:repeat(4,1fr)}}