@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap');
body.portal-body{--orange:#f4511e;--orange-light:#ff812c;--navy:#0d2344;--muted:#53627a;--cream:#fff9f0;--line:#edf0ee;background:var(--cream);color:var(--navy);font:16px/1.5 'DM Sans',Arial,sans-serif}
.portal-body h1,.portal-body h2,.portal-body h3,.portal-body .brand{font-family:Nunito,Arial,sans-serif}
.portal-body .wrap{width:min(1436px,calc(100% - 100px))}
.portal-body a{color:inherit}.portal-body .site-header{background:#fff;box-shadow:0 2px 20px #1b2f4712;position:relative;z-index:20}.portal-body .site-header .nav{height:80px;min-height:80px;gap:22px}.portal-body .brand{gap:12px;font-size:25px;font-weight:900;white-space:nowrap;line-height:1.02;color:var(--navy)}.portal-body .brand img{height:58px;width:68px;object-fit:contain}.portal-body .brand small{display:block;font:500 18px 'DM Sans',sans-serif;color:#293c59;margin-top:4px}
.portal-body .nav nav{gap:3px;flex-wrap:nowrap;margin-left:auto}.portal-body .nav nav a{padding:10px 16px;border-radius:999px;color:var(--navy);font-size:14px;font-weight:800;white-space:nowrap}.portal-body .nav nav a:hover,.portal-body .nav nav a:first-child{background:var(--orange);color:#fff;box-shadow:0 5px 15px #f4511e40}.portal-body .resident-login{background:var(--orange);color:#fff;padding:11px 19px;border-radius:999px;font-weight:800;white-space:nowrap;box-shadow:0 5px 16px #f4511e2e;font-size:14px;margin-left:auto}.portal-body .resident-login:hover{background:#db3d12}.portal-body .resident-login span{font-size:18px;vertical-align:-1px;margin-right:5px}.portal-body .menu-toggle{display:none;background:#fff0e9;border:0;color:var(--orange);font-size:25px;border-radius:9px;padding:2px 10px}
.portal-body .portal-hero{height:400px;background-size:cover;background-position:center center;position:relative;color:#fff;overflow:hidden}.portal-body .portal-hero .hero-content{position:relative;z-index:2;padding-top:62px}.portal-body .hero-kicker{display:block;font-size:14px;font-weight:800;letter-spacing:.43em;margin-bottom:4px}.portal-body .portal-hero h1{font-family:Nunito,sans-serif;font-size:clamp(55px,5vw,75px);font-weight:900;line-height:.95;letter-spacing:-.025em;margin:0 0 12px;text-shadow:0 2px 8px #0004}.portal-body .portal-hero h1 em{font-style:normal;color:#ff812c}.portal-body .portal-hero p{font-size:20px;max-width:460px;line-height:1.35;color:#fff;margin-bottom:17px;text-shadow:0 1px 4px #0008}.portal-body .portal-button{display:inline-flex;align-items:center;justify-content:center;gap:17px;background:var(--orange);border:0;border-radius:999px;padding:12px 23px;color:#fff;font:800 15px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 6px 14px #e8491b24}.portal-body .portal-button:hover{background:#d93e11;color:#fff}.portal-body .portal-button span{font-size:23px;font-weight:400;line-height:1}.portal-body .hero-wave{position:absolute;bottom:-27px;left:-3%;width:70%;height:85px;border-radius:52% 65% 0 0;background:linear-gradient(145deg,#07683e 0 44%,#ff9e14 45% 57%,#f4511e 58%);transform:rotate(-4deg);z-index:1}
.portal-body .home-overlap{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(340px,1fr);gap:15px;align-items:end;position:relative;z-index:4;margin-top:-118px}.portal-body .quick-menu-card,.portal-body .home-list-card,.portal-body .about-text-card{background:#fff;border-radius:18px;box-shadow:0 9px 22px #26304416}.portal-body .quick-menu-card{height:176px;padding:22px 18px}.portal-body .quick-menu-grid{height:100%;display:grid;grid-template-columns:repeat(7,1fr);align-items:stretch}.portal-body .quick-menu-grid a{text-align:center;padding:0 10px;border-right:1px solid #edf0ef;display:flex;flex-direction:column;align-items:center;transition:transform .2s}.portal-body .quick-menu-grid a:hover{transform:translateY(-4px)}.portal-body .quick-menu-grid a:last-child{border-right:0}.portal-body .quick-icon{width:86px;height:70px;display:grid;place-items:center;margin-bottom:6px}.portal-body .quick-icon img{width:100%;height:100%;object-fit:contain}.portal-body .quick-icon b{display:grid;place-items:center;background:#fff0e4;border-radius:15px;color:var(--orange);height:68px;width:80px;font-size:32px}.portal-body .quick-menu-grid strong{font:900 14px Nunito,sans-serif;line-height:1.15;color:var(--navy);white-space:nowrap}.portal-body .quick-menu-grid small{font-size:13px;color:#53627a;line-height:1.25;margin-top:4px;max-width:115px}
.portal-body .home-list-card{padding:19px 25px 13px}.portal-body .announcement-card{height:260px}.portal-body .home-card-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9ecee;padding-bottom:9px;gap:10px}.portal-body .home-card-head>div{display:flex;align-items:center;gap:11px}.portal-body .home-card-head img{height:36px;width:38px;object-fit:contain}.portal-body .home-card-head h2{font-size:18px;line-height:1.15;margin:0;font-weight:900;white-space:nowrap}.portal-body .home-card-head>a{font-size:11px;color:var(--orange);white-space:nowrap;font-weight:700}.portal-body .home-list-items>a{display:flex;align-items:center;gap:13px;border-bottom:1px solid #eef0ef;padding:8px 0;color:var(--navy)}.portal-body .home-list-items>a:last-child{border-bottom:0}.portal-body .home-list-items>a:hover strong{color:var(--orange)}.portal-body .date-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:49px;min-width:49px;height:46px;border-radius:8px;background:#fff3ec;color:#e84b18}.portal-body .date-tile b{font:900 20px/1 Nunito,sans-serif}.portal-body .date-tile small{font-size:12px;font-weight:800}.portal-body .home-list-items>a>span:last-child{min-width:0}.portal-body .home-list-items strong{display:block;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-body .home-list-items small{display:block;font-size:12px;color:#53627a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-body .home-empty{padding:22px 5px;color:#66758a;font-size:13px;line-height:1.45}
.portal-body .home-content-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.98fr) minmax(0,1.01fr);gap:17px;margin-top:18px;align-items:stretch}.portal-body .about-photo-card{height:282px;border-radius:18px;background-size:cover;background-position:center;box-shadow:0 5px 17px #15233d12}.portal-body .about-text-card{height:282px;padding:17px 24px}.portal-body .about-text-card h2{font-size:22px;line-height:1.04;margin-bottom:10px;font-weight:900;color:var(--orange)}.portal-body .about-text-card p{font-size:14px;line-height:1.45;color:#4a5a70;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.portal-body .value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.portal-body .value-grid>div{border-right:1px solid #edf0ef;padding-right:5px}.portal-body .value-grid>div:last-child{border:0}.portal-body .value-grid img{height:39px;width:51px;object-fit:contain;object-position:left center;display:block}.portal-body .value-grid strong{display:block;font-size:13px;font-weight:900;line-height:1.2}.portal-body .value-grid small{font-size:11px;line-height:1.15;color:#53627a;display:block}.portal-body .agenda-card{height:282px}.portal-body .agenda-card .home-list-items>a{padding:10px 0}.portal-body .agenda-card .date-tile{height:49px}.portal-body .home-bottom-slogan{height:99px;margin-top:17px;background:url('mockup/footer-wave.png') center bottom/100% 100% no-repeat;display:flex;align-items:center;justify-content:center}.portal-body .home-bottom-slogan span{font:italic 31px cursive;color:#111;transform:rotate(-2deg);margin-top:-8px;background:#fff7e880;padding:0 8px}.portal-body .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.portal-body .portal-footer{background:#fff9f0;color:var(--navy);border-top:1px solid #f1e7d9;padding-top:25px}.portal-body .footer-landscape{display:none}.portal-body .footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding:26px 0}.portal-body .footer-content strong{display:block;font:900 17px Nunito,sans-serif;margin-bottom:8px}.portal-body .footer-content p{color:#59677b;font-size:14px}.portal-body .footer-content a{display:block;color:#ea4b18;font-size:13px;margin:5px 0}.portal-body .footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #eadfce;padding:15px 0;font-size:12px;color:#66758a}.portal-body .footer-bottom a{color:var(--orange)}.portal-body .wa-float{background:#20c966;color:#fff;box-shadow:0 8px 22px #068b4050}
.portal-body .portal-page-hero,.portal-body .page-title{background:linear-gradient(110deg,#fff,#fff5e9);padding:60px 0;border-bottom:1px solid #f0e6da}.portal-body .portal-page-hero h1,.portal-body .page-title h1{font:900 clamp(35px,4vw,56px) Nunito,sans-serif;color:var(--navy);margin:4px 0}.portal-body .portal-page-hero p,.portal-body .page-title p{color:#617087;font-size:16px}.portal-body .portal-eyebrow{color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.16em}.portal-body .page-title a{color:var(--orange)}.portal-body .article{color:#354663}.portal-body .card,.portal-body .official-card,.portal-body .finance-summary>div,.portal-body .panel{background:#fff;border:1px solid #eee8e0;box-shadow:0 7px 18px #2630440b;color:var(--navy)}.portal-body .card h3,.portal-body .official-card h3{color:var(--navy)}.portal-body .card p,.portal-body .official-card p{color:#52617a}.portal-body .card span,.portal-body .finance-summary strong,.portal-body .stats strong{color:var(--orange)}.portal-body .official-card small{color:#66758a}.portal-body .avatar{background:#fff0e4;color:var(--orange)}.portal-body table th{background:#fff5eb;color:#203653}.portal-body table th,.portal-body table td{border-color:#f0e8df}.portal-body table td a{color:var(--orange)}.portal-body .period-form input,.portal-body .search-page input{background:#fff;color:var(--navy);border-color:#e5ded7}.portal-body .button{background:var(--orange);color:#fff;border-radius:999px}.portal-body .button:hover{background:#d94316}.portal-body .button.secondary{background:#fff0e8;color:var(--orange)}.portal-body .positive{color:#208c52!important}.portal-body .negative{color:#cd4c47!important}
.portal-body .profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:65px 0}.portal-body .profile-photo{height:330px;border-radius:18px;background-position:center;background-size:cover}.portal-body .profile-copy h2{font:900 32px Nunito,sans-serif}.portal-body .profile-copy p{color:#53627a;font-size:17px}.portal-body .profile-stats{display:flex;gap:38px;margin:26px 0}.portal-body .profile-stats strong{display:block;font:900 27px Nunito,sans-serif;color:var(--orange)}.portal-body .profile-stats span{font-size:13px;color:#607088}.portal-body .info-directory,.portal-body .contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:55px;padding-bottom:75px}.portal-body .info-directory a,.portal-body .contact-grid>div{background:#fff;border-radius:16px;box-shadow:0 7px 18px #2630440b;padding:28px}.portal-body .info-directory span,.portal-body .contact-grid span{color:var(--orange);font-size:32px}.portal-body .info-directory h2,.portal-body .contact-grid h2{font:900 20px Nunito,sans-serif;margin:8px 0}.portal-body .info-directory p,.portal-body .contact-grid p{color:#617087;font-size:14px}.portal-body .map-link{padding-bottom:60px}
.portal-body .citizen-shell{min-height:650px;display:grid;place-items:center;padding:55px 20px;background:linear-gradient(135deg,#fff8ed,#f1f8ed)}.portal-body .citizen-login-card{width:min(460px,100%);background:#fff;border:1px solid #eee9e0;border-radius:20px;padding:38px;box-shadow:0 20px 45px #26304417}.portal-body .citizen-login-card h1{font:900 36px Nunito,sans-serif;margin:8px 0}.portal-body .citizen-login-card p{color:#607088;font-size:14px}.portal-body .citizen-login-card label,.portal-body .portal-form label{display:block;font-weight:800;margin:18px 0;color:var(--navy)}.portal-body .citizen-login-card input,.portal-body .portal-form input,.portal-body .portal-form textarea,.portal-body .portal-form select{display:block;width:100%;background:#fff;color:var(--navy);border:1px solid #d8dfdf;border-radius:10px;padding:12px;margin-top:7px;font:inherit}.portal-body .citizen-login-card .portal-button{width:100%;margin-top:8px}.portal-body .portal-error{background:#ffebea;color:#a62d24;padding:12px;border-radius:9px;margin:14px 0}.portal-body .portal-success{background:#e8f7ea;color:#1b7141;padding:12px;border-radius:9px;margin:14px 0}
.portal-body .citizen-register-shell{padding-top:38px;padding-bottom:38px}.portal-body .citizen-register-card{width:min(520px,100%)}.portal-body .citizen-login-card label small{display:block;margin-top:6px;color:#718096;font-size:12px;font-weight:500}.portal-body .citizen-auth-switch{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:24px;padding-top:20px;border-top:1px solid #eee9e0;color:#607088;font-size:14px}.portal-body .citizen-auth-switch a{color:var(--orange);font-weight:800}.portal-body .citizen-auth-switch a:hover{text-decoration:underline}
.portal-body .citizen-dashboard-notice{margin-top:18px;margin-bottom:18px}
.citizen-login-body{background:#e8f5ff}.citizen-login-body .site-header{position:absolute;z-index:30;top:10px;left:7.5%;right:7.5%;border-radius:35px;background:#fffffff2;box-shadow:0 10px 32px #173c6520}.citizen-login-body .site-header .nav{width:calc(100% - 56px);height:78px;min-height:78px}.citizen-login-body .portal-footer{display:none}.citizen-login-landing{position:relative;min-height:100vh;overflow:hidden;background:url('mockup/login-neighborhood.png') center 52%/cover no-repeat;color:#0d2344}.citizen-login-landing:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e8f6ffb8 0%,#fff9ed3b 54%,#ffffff24 100%)}.login-landing-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 72%,#fff8edc7 90%,#fff8ed 100%)}.login-landing-content{position:relative;z-index:2;width:min(1280px,calc(100% - 80px));min-height:calc(100vh - 115px);margin:auto;padding:125px 0 130px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(430px,.8fr);gap:70px;align-items:center}.login-community-copy{text-align:center;align-self:center;text-shadow:0 1px 10px #fff}.login-welcome{display:inline-block;border-radius:999px;padding:9px 18px;background:#ffffffb8;color:#52647a;font-size:12px;font-weight:900;letter-spacing:.14em}.login-community-copy h1{margin:14px 0 4px;line-height:1}.login-community-copy h1 b{display:block;font:900 clamp(43px,4vw,66px) Nunito,sans-serif;letter-spacing:.025em}.login-community-copy h1 strong{display:block;color:#ff531b;font:900 clamp(42px,4vw,66px) Nunito,sans-serif;margin-top:8px}.login-community-copy>p{font-size:18px;line-height:1.45;margin:15px 0 20px;color:#344b67}.login-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;width:min(570px,100%);margin:auto}.login-feature-grid a{min-height:105px;padding:13px 8px 10px;border-radius:15px;background:#ffffffe6;box-shadow:0 8px 25px #19344c15;display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 13px/1.25 Nunito,sans-serif}.login-feature-grid a:hover{transform:translateY(-3px)}.login-feature-grid span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:#fff;font-size:21px;margin-bottom:6px}.login-feature-grid .orange{background:#ff561a}.login-feature-grid .green{background:#159658}.login-feature-grid .purple{background:#7657e8}.login-feature-grid .blue{background:#269de2}.portal-body .login-landing-card{position:relative;width:100%;max-width:515px;padding:55px 50px 38px;border-radius:30px;background:#fffffff5;box-shadow:0 28px 70px #1832502b;border:1px solid #fff;justify-self:end}.portal-body .login-landing-card h2{font:900 38px/1.1 Nunito,sans-serif;margin:6px 0 9px}.portal-body .login-landing-card>p{font-size:14px;line-height:1.7;margin:0 0 19px}.login-card-illustration{position:absolute;right:37px;top:34px;width:112px;height:112px;object-fit:contain}.portal-body .login-landing-card form label{font-size:14px;margin:15px 0}.login-label-icon{display:inline-block;width:24px;font-size:16px}.portal-body .login-landing-card input{height:48px;padding:0 16px;border-radius:10px;background:#ffffffd9}.login-password-field{position:relative;display:block}.portal-body .login-password-field input{padding-right:50px}.login-password-field button{position:absolute;right:7px;top:9px;width:34px;height:34px;border:0;background:transparent;color:#718096;cursor:pointer}.login-form-options{display:flex;justify-content:flex-end;margin:2px 0 18px;font-size:13px}.login-form-options a{color:#f4511e;text-decoration:underline;font-weight:800}.portal-body .login-landing-card .login-submit-button{height:50px;margin:0;width:100%;font-size:15px;background:linear-gradient(90deg,#ef3e08,#ff5c0b)}.login-register-divider{display:flex;align-items:center;gap:12px;color:#65738a;font-size:12px;margin:18px 0 12px}.login-register-divider:before,.login-register-divider:after{content:'';height:1px;background:#dfe4e8;flex:1}.login-register-divider span{white-space:nowrap}.login-register-button{height:42px;border:1.5px solid #ff5a25;border-radius:999px;color:#f4511e!important;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}.login-register-button:hover{background:#fff2ec}.login-landing-bottom{position:absolute;z-index:3;left:0;right:0;bottom:0;min-height:92px;padding:14px max(4%,calc((100% - 1600px)/2));display:grid;grid-template-columns:minmax(430px,1.6fr) repeat(3,minmax(175px,.55fr));gap:25px;align-items:center;background:#fffaf1e8;border-top:1px solid #fff;backdrop-filter:blur(8px)}.login-landing-bottom blockquote{display:flex;align-items:center;gap:14px;margin:0}.login-landing-bottom blockquote b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ff5a1f;color:#fff;font-size:27px}.login-landing-bottom blockquote span{font-size:13px;font-weight:800}.login-landing-bottom>div{display:flex;align-items:center;gap:10px}.login-landing-bottom>div>span{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#fff;color:#12305a;font-size:21px}.login-landing-bottom p{margin:0;font-size:12px;line-height:1.25}.login-landing-bottom p b,.login-landing-bottom p small{display:block}.login-landing-bottom p small{color:#4f627a}
@media(max-width:1050px){.citizen-login-body .site-header{left:20px;right:20px}.login-landing-content{width:calc(100% - 48px);grid-template-columns:1fr 430px;gap:30px}.login-community-copy h1 b,.login-community-copy h1 strong{font-size:45px}.login-feature-grid{grid-template-columns:repeat(2,1fr);max-width:310px}.login-landing-bottom{grid-template-columns:1fr repeat(3,160px)}.login-landing-bottom blockquote{display:none}}
@media(max-width:820px){.citizen-login-body .site-header{position:relative;top:0;left:0;right:0;border-radius:0}.citizen-login-landing{min-height:auto}.login-landing-content{grid-template-columns:1fr;padding:55px 0 130px}.login-community-copy{display:none}.portal-body .login-landing-card{justify-self:center}.login-landing-bottom{grid-template-columns:repeat(3,1fr);position:relative}.citizen-login-body .site-header .nav{width:calc(100% - 30px)}}
@media(max-width:560px){.login-landing-content{width:calc(100% - 28px);padding:28px 0}.portal-body .login-landing-card{padding:35px 24px 28px;border-radius:22px}.login-card-illustration{width:75px;height:75px;right:22px;top:25px}.portal-body .login-landing-card h2{font-size:31px}.portal-body .login-landing-card>p br{display:none}.login-landing-bottom{grid-template-columns:1fr;padding:15px 20px;gap:9px}.login-landing-bottom>div{justify-content:center}.login-landing-bottom>div:nth-child(n+3){display:none}}
.information-page{min-height:calc(100vh - 80px);background:#fffaf2}.information-hero{height:365px;background:#fffaf2 url('mockup/information-hero-v2.png') center/cover no-repeat;border-bottom:1px solid #f1e3d2}.information-hero-copy{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.portal-body .information-hero .portal-eyebrow{font-size:15px;letter-spacing:.12em;margin-bottom:12px}.information-hero h1{font:900 clamp(43px,4.4vw,64px)/1 Nunito,sans-serif;margin:0;color:#0d2852}.information-hero h2{font:900 clamp(28px,3vw,43px)/1.15 Nunito,sans-serif;margin:12px 0 13px;color:#0d2852}.information-hero h2 strong{color:#f2531d}.information-hero p{margin:0;color:#506581;font-size:17px}.information-directory-wrap{position:relative;min-height:420px;padding:38px 0 85px;overflow:hidden}.information-directory-wrap:before,.information-directory-wrap:after{content:'';position:absolute;width:210px;height:210px;bottom:-80px;background:url('mockup/icon-bersih.png') center/contain no-repeat;opacity:.32;filter:saturate(1.4)}.information-directory-wrap:before{left:-60px;transform:rotate(-24deg)}.information-directory-wrap:after{right:-60px;transform:rotate(24deg)}.information-directory{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.information-card{min-height:150px;border:1px solid #f1d9ca;border-radius:22px;padding:20px;display:grid;grid-template-columns:118px minmax(0,1fr) 48px;align-items:center;gap:20px;background:linear-gradient(135deg,#fff,#fff9f4);box-shadow:0 10px 26px #74451d0a;transition:transform .2s,box-shadow .2s}.information-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #74451d14}.information-card.dues{border-color:#d8e8da;background:linear-gradient(135deg,#fff,#f8fcf7)}.information-card.agenda{border-color:#d7e4f5;background:linear-gradient(135deg,#fff,#f7faff)}.information-card.profile{border-color:#dddaf4;background:linear-gradient(135deg,#fff,#f9f8ff)}.information-card-icon{height:110px;border-radius:20px;background:#fff0e7;display:grid;place-items:center}.information-card.dues .information-card-icon{background:#edf9e9}.information-card.agenda .information-card-icon{background:#eaf4ff}.information-card.profile .information-card-icon{background:#eeecff}.information-card-icon img{width:82px;height:82px;object-fit:contain}.information-card-copy strong{display:block;font:900 20px Nunito,sans-serif;color:#10284c;margin-bottom:10px}.information-card-copy small{display:block;color:#526784;font-size:15px;line-height:1.5}.information-card-arrow{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#fa541c;font:700 38px/1 Arial,sans-serif;box-shadow:0 4px 13px #2739541c}.information-card.profile{grid-column:1}.portal-body .information-page+.portal-footer{background:#fffaf2}
@media(max-width:1050px){.information-hero{height:330px;background-position:58% center}.information-hero-copy{max-width:55%}.information-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.information-card.profile{grid-column:auto}}
@media(max-width:760px){.information-hero{height:310px;background-position:66% center;position:relative}.information-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffaf2f5 0 47%,#fffaf280 67%,transparent)}.information-hero-copy{position:relative;z-index:1;max-width:70%}.information-hero h1{font-size:39px}.information-hero h2{font-size:26px}.information-hero p{font-size:14px}.information-directory{grid-template-columns:1fr}.information-card{min-height:125px;grid-template-columns:90px minmax(0,1fr) 42px;padding:16px}.information-card-icon{height:88px}.information-card-icon img{width:67px;height:67px}}
@media(max-width:480px){.information-hero{height:280px;background-position:72% center}.information-hero-copy{max-width:82%}.portal-body .information-hero .portal-eyebrow{font-size:11px}.information-hero h1{font-size:34px}.information-hero h2{font-size:23px}.information-card{grid-template-columns:72px minmax(0,1fr) 36px;gap:12px;border-radius:17px}.information-card-icon{height:72px;border-radius:15px}.information-card-icon img{width:55px;height:55px}.information-card-copy strong{font-size:17px;margin-bottom:4px}.information-card-copy small{font-size:13px}.information-card-arrow{width:34px;height:34px;font-size:29px}}
.portal-body .nav nav a:first-child:not(.active){background:transparent;color:var(--navy);box-shadow:none}.portal-body .nav nav a.active{background:var(--orange);color:#fff;box-shadow:0 5px 15px #f4511e40}.profile-public-page{background:#fffaf2;padding-bottom:24px}.profile-public-hero{height:335px;background:#fffaf2 url('mockup/information-hero-v2.png') center/cover no-repeat}.profile-public-hero-copy{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.profile-breadcrumb{display:flex;align-items:center;gap:9px;background:#ffffffbd;border-radius:999px;padding:7px 13px;margin-bottom:24px;color:#52657d;font-size:12px;box-shadow:0 5px 18px #1836550c}.profile-breadcrumb a{color:#15355a;font-weight:800}.profile-public-hero .portal-eyebrow{font-size:15px}.profile-public-hero h1{font:900 clamp(42px,4vw,61px)/1 Nunito,sans-serif;margin:12px 0 7px;color:#0d2852}.profile-public-hero h2{font:900 34px/1.1 Nunito,sans-serif;color:#f4511e;margin:0 0 14px}.profile-public-hero-copy>p{max-width:500px;margin:0;color:#506581;font-size:16px}.profile-about-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:16px;margin-top:-18px;position:relative;z-index:2}.profile-about-photo,.profile-about-card{height:325px;border-radius:21px;overflow:hidden}.profile-about-photo{background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:35px 42px;color:#fff}.profile-about-photo blockquote{font:900 29px/1.25 Nunito,sans-serif;margin:0;text-shadow:0 2px 8px #0007}.profile-about-photo blockquote:before{content:'';display:block;width:65px;height:5px;border-radius:4px;background:#ff591f;margin-bottom:14px}.profile-about-card{position:relative;background:#fff;padding:28px 34px;box-shadow:0 8px 24px #3a2f1b12;border:1px solid #f0e7dd}.profile-about-card:after{content:'';position:absolute;width:125px;height:125px;right:-26px;bottom:-40px;background:url('mockup/icon-bersih.png') center/contain no-repeat;opacity:.28}.profile-about-card h2{font:900 28px Nunito,sans-serif;margin:0 0 5px}.profile-about-card>p{font-size:14px;line-height:1.48;color:#536783;margin:0 0 16px;max-width:95%}.profile-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;position:relative;z-index:1}.profile-stat-grid>div{min-height:72px;border-radius:13px;background:#fff1eb;display:grid;grid-template-columns:38px 1fr;grid-template-rows:1fr 1fr;padding:12px;color:#f4511e}.profile-stat-grid>div.resident{background:#eef6ff;color:#438fe2}.profile-stat-grid>div.male{background:#edf8ef;color:#159153}.profile-stat-grid>div.female{background:#f4edff;color:#8655d1}.profile-stat-grid span{grid-row:1/3;align-self:center;font-size:25px}.profile-stat-grid strong{font:900 24px/1 Nunito,sans-serif}.profile-stat-grid small{font-size:10px;color:#52627a}.profile-official-button{margin-top:16px;position:relative;z-index:1}.profile-link-bar{display:grid;grid-template-columns:1.5fr 1fr 1fr;margin-top:16px;background:#fff;border:1px solid #f0e3d6;border-radius:20px;box-shadow:0 7px 20px #56330e0a}.profile-link-bar a{display:grid;grid-template-columns:55px 1fr;grid-template-rows:1fr 1fr;padding:18px 30px;border-right:1px solid #eee3d7}.profile-link-bar a:last-child{border-right:0}.profile-link-bar span{grid-row:1/3;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#fff0df;color:#f4511e;font-size:23px}.profile-link-bar strong{font-size:14px}.profile-link-bar small{font-size:12px;color:#64738a}
@media(max-width:1000px){.profile-public-hero{background-position:60% center}.profile-public-hero-copy{max-width:56%}.profile-about-grid{grid-template-columns:1fr}.profile-about-photo,.profile-about-card{height:auto;min-height:320px}.profile-stat-grid{grid-template-columns:repeat(2,1fr)}.profile-link-bar{grid-template-columns:1fr 1fr}.profile-link-bar a:first-child{grid-column:1/-1;border-bottom:1px solid #eee3d7}}
@media(max-width:650px){.profile-public-hero{height:320px;background-position:70% center;position:relative}.profile-public-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffaf2f8 0 52%,#fffaf26e 80%,transparent)}.profile-public-hero-copy{position:relative;z-index:1;max-width:82%}.profile-breadcrumb{margin-bottom:17px}.profile-public-hero h1{font-size:37px}.profile-public-hero h2{font-size:28px}.profile-about-grid{margin-top:14px}.profile-about-photo{min-height:275px;padding:28px}.profile-about-photo blockquote{font-size:24px}.profile-about-card{padding:24px 20px}.profile-about-card h2{font-size:24px}.profile-stat-grid{grid-template-columns:1fr 1fr}.profile-link-bar{grid-template-columns:1fr}.profile-link-bar a,.profile-link-bar a:first-child{grid-column:auto;border-right:0;border-bottom:1px solid #eee3d7;padding:15px 20px}.profile-link-bar a:last-child{border-bottom:0}}
.announcement-page,.announcement-detail-page{background:#fffaf2;min-height:calc(100vh - 80px)}.announcement-hero{height:245px;background:#fffaf2 url('mockup/announcement-hero-v2.png') center/cover no-repeat}.announcement-hero-copy{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.announcement-hero .portal-eyebrow{font-size:14px}.announcement-hero h1{font:900 clamp(44px,4vw,62px)/1 Nunito,sans-serif;margin:12px 0;color:#102a54}.announcement-hero p{font-size:17px;color:#526984;margin:0}.announcement-content{padding-top:16px;padding-bottom:75px}.announcement-tools{display:flex;gap:35px;align-items:center;margin-bottom:22px}.announcement-search{flex:1;height:49px;display:flex;align-items:center;background:#fff;border:1px solid #e3e7eb;border-radius:999px;box-shadow:0 5px 16px #26354a0b;padding:0 9px 0 20px}.announcement-search span{color:#70829a;font-size:25px}.announcement-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0 12px;font:inherit;color:#102a54}.announcement-search button{border:0;background:#fff1e9;color:#e94918;border-radius:999px;padding:8px 17px;font-weight:800;cursor:pointer}.announcement-filters{display:flex;gap:8px}.announcement-filters a{border:1px solid #e3e7eb;border-radius:999px;background:#fff;padding:11px 19px;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 4px 12px #27374d0a}.announcement-filters a.active,.announcement-filters a:hover{background:#fa4e17;color:#fff;border-color:#fa4e17}.announcement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.announcement-card{background:#fff;border:1px solid #eee8df;border-radius:19px;overflow:hidden;box-shadow:0 10px 25px #5138170c;display:flex;flex-direction:column}.announcement-image{height:170px;position:relative;display:block;overflow:hidden;background:linear-gradient(135deg,#e7f5e5,#d9edff)}.announcement-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.announcement-card:hover .announcement-image img{transform:scale(1.04)}.announcement-image-fallback{height:100%;display:grid;place-items:center;font-size:55px;color:#168957}.announcement-category{display:inline-flex;align-items:center;border-radius:999px;padding:7px 14px;background:#3472db;color:#fff;font-size:12px;font-weight:800}.announcement-image .announcement-category{position:absolute;left:15px;top:15px}.announcement-category.kegiatan{background:#ff4d31}.announcement-category.informasi{background:#416fde}.announcement-category.iuran{background:#079d5c}.announcement-category.lainnya{background:#6e7180}.announcement-card-body{padding:14px 23px 19px;display:flex;flex-direction:column;flex:1}.announcement-card-body time{font-size:12px;color:#667b98}.announcement-card-body h2{font:900 18px/1.25 Nunito,sans-serif;margin:7px 0 8px;color:#10294f}.announcement-card-body p{font-size:13px;line-height:1.48;color:#5b6f89;margin:0 0 14px}.announcement-more{margin-top:auto;color:#f04d19!important;font-size:13px;font-weight:900}.announcement-empty{background:#fff;border-radius:18px;padding:45px;text-align:center;border:1px solid #eee7dd}.announcement-empty strong{font:900 23px Nunito,sans-serif}.announcement-empty p{color:#66758b}.announcement-empty a{color:#f4511e;font-weight:800}.announcement-detail-head{background:linear-gradient(135deg,#fff,#fff5e9);padding:50px 0}.announcement-detail-head nav{display:flex;gap:10px;font-size:13px;color:#67768b;margin-bottom:20px}.announcement-detail-head nav a{color:#ef4e1b;font-weight:800}.announcement-detail-head .announcement-category{margin-bottom:15px}.announcement-detail-head h1{font:900 clamp(34px,4vw,54px)/1.08 Nunito,sans-serif;max-width:1000px;margin:0 0 12px}.announcement-detail-head time{color:#66758b}.announcement-detail-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(270px,.8fr);gap:24px;padding-top:34px;padding-bottom:70px}.announcement-detail-article,.announcement-detail-layout aside{background:#fff;border:1px solid #eee6dc;border-radius:18px;padding:28px;box-shadow:0 8px 23px #40331e0b}.announcement-detail-article>img{display:block;width:100%;max-height:480px;object-fit:cover;border-radius:13px;margin-bottom:25px}.announcement-detail-body{color:#40536e;font-size:16px;line-height:1.75}.announcement-detail-body strong{color:#122a4d}.announcement-back{display:inline-block;margin-top:28px;color:#f4511e!important;font-weight:900}.announcement-detail-layout aside{align-self:start}.announcement-detail-layout aside h2{font:900 20px Nunito,sans-serif;margin-top:0}.announcement-detail-layout aside a{display:block;border-top:1px solid #eee;padding:13px 0}.announcement-detail-layout aside time{display:block;color:#77859a;font-size:11px}.announcement-detail-layout aside strong{display:block;font-size:13px;line-height:1.35;margin-top:4px}
@media(max-width:1100px){.announcement-tools{align-items:stretch;flex-direction:column;gap:12px}.announcement-search{width:100%;box-sizing:border-box}.announcement-filters{max-width:100%;overflow-x:auto;padding-bottom:3px}.announcement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.announcement-hero{height:270px;background-position:65% center;position:relative}.announcement-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffaf2f7 0 50%,#fffaf26b 78%,transparent)}.announcement-hero-copy{position:relative;z-index:1;max-width:72%}.announcement-grid{grid-template-columns:1fr}.announcement-detail-layout{grid-template-columns:1fr}.announcement-detail-layout aside{width:100%;box-sizing:border-box}}
@media(max-width:480px){.announcement-hero{height:235px;background-position:72% center}.announcement-hero h1{font-size:38px}.announcement-hero p{font-size:14px}.announcement-search button{display:none}.announcement-content{padding-top:13px}.announcement-card-body{padding:14px 18px 18px}.announcement-detail-head{padding:35px 0}.announcement-detail-article,.announcement-detail-layout aside{padding:19px}}
.announcement-card>.announcement-image{flex:0 0 170px;min-height:170px}.announcement-grid .announcement-card{min-height:410px}
.agenda-page{background:#fffaf2;min-height:calc(100vh - 80px)}.agenda-public-hero{height:265px;background:#fffaf2 url('mockup/agenda-hero-v2.png') center/cover no-repeat}.agenda-public-hero-copy{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.agenda-public-hero .portal-eyebrow{font-size:14px}.agenda-public-hero h1{font:900 clamp(43px,4vw,61px)/1 Nunito,sans-serif;color:#102a54;margin:12px 0 14px}.agenda-public-hero p{font-size:16px;line-height:1.55;color:#526984;margin:0}.agenda-content{padding-top:17px;padding-bottom:75px}.announcement-category.kerja-bakti{background:#13985d}.announcement-category.lomba{background:#ff5127}.announcement-category.sosial{background:#2685ed}.agenda-meta{display:flex;flex-wrap:wrap;gap:7px 13px;margin:-1px 0 9px;color:#58708d;font-size:11px}.agenda-detail-meta{display:flex;gap:18px;flex-wrap:wrap;color:#64758c}.agenda-detail-meta span{background:#fff;border:1px solid #eee2d4;border-radius:999px;padding:7px 12px}.agenda-public-card .announcement-image-fallback{background:linear-gradient(135deg,#eff9e9,#eaf5ff)}
@media(max-width:760px){.agenda-public-hero{height:275px;background-position:66% center;position:relative}.agenda-public-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffaf2f7 0 50%,#fffaf26b 80%,transparent)}.agenda-public-hero-copy{position:relative;z-index:1;max-width:72%}}
@media(max-width:480px){.agenda-public-hero{height:245px;background-position:73% center}.agenda-public-hero h1{font-size:37px}.agenda-public-hero p{font-size:13px}.agenda-detail-meta{gap:7px}}
.gallery-page{background:#fffaf2;min-height:calc(100vh - 80px)}.gallery-public-hero{height:260px;background:#fffaf2 url('mockup/gallery-hero-v2.png') center/cover no-repeat}.gallery-public-hero-copy{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.gallery-public-hero .portal-eyebrow{font-size:14px}.gallery-public-hero h1{font:900 clamp(43px,4vw,61px)/1 Nunito,sans-serif;color:#102a54;margin:12px 0 14px}.gallery-public-hero p{font-size:16px;line-height:1.55;color:#526984;margin:0}.gallery-content{padding-top:17px;padding-bottom:70px}.gallery-public-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gallery-public-card{background:#fff;border:1px solid #eee7dd;border-radius:18px;overflow:hidden;box-shadow:0 9px 24px #4b361b0c}.gallery-photo-button{display:block;width:100%;height:165px;border:0;padding:0;position:relative;overflow:hidden;background:#edf5ef;cursor:pointer}.gallery-photo-button img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-public-card:hover .gallery-photo-button img{transform:scale(1.04)}.gallery-photo-button .announcement-category{position:absolute;top:12px;left:12px}.gallery-public-card>div{padding:12px 18px 16px}.gallery-public-card time{font-size:11px;color:#667b98}.gallery-public-card h2{font:900 17px/1.25 Nunito,sans-serif;margin:5px 0}.gallery-public-card p{font-size:12px;line-height:1.45;color:#5a6d87;margin:0 0 10px}.gallery-open{border:0;padding:0;background:none;color:#f04d19;font-weight:900;cursor:pointer}.announcement-category.keagamaan{background:#8741df}.announcement-category.rutin{background:#3472db}.gallery-end,.gallery-empty{margin-top:20px;min-height:86px;border:1px solid #dce6f5;border-radius:17px;background:#f8fbff;display:flex;align-items:center;justify-content:center;gap:18px;color:#18335b}.gallery-end>span,.gallery-empty>span{font-size:43px;color:#8db4ed}.gallery-end strong,.gallery-end small,.gallery-empty strong,.gallery-empty small{display:block}.gallery-end small,.gallery-empty small{font-size:12px;color:#697b94}.gallery-empty{padding:25px}.gallery-empty>a{margin-left:25px;color:#f4511e;font-weight:800}.gallery-lightbox{position:fixed;z-index:100;inset:0;background:#061326db;display:flex;align-items:center;justify-content:center;padding:40px}.gallery-lightbox[hidden]{display:none}.gallery-lightbox figure{margin:0;max-width:min(1100px,92vw);max-height:90vh;display:flex;flex-direction:column;align-items:center}.gallery-lightbox img{max-width:100%;max-height:80vh;border-radius:12px;box-shadow:0 25px 70px #0008}.gallery-lightbox figcaption{color:#fff;font:800 17px Nunito,sans-serif;margin-top:13px}.gallery-lightbox-close{position:fixed;right:28px;top:20px;width:45px;height:45px;border:0;border-radius:50%;background:#fff;color:#102a54;font-size:31px;cursor:pointer}
@media(max-width:1100px){.gallery-public-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.gallery-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-public-hero{height:270px;background-position:65% center;position:relative}.gallery-public-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffaf2f7 0 50%,#fffaf26b 80%,transparent)}.gallery-public-hero-copy{position:relative;z-index:1;max-width:72%}}
@media(max-width:520px){.gallery-public-grid{grid-template-columns:1fr}.gallery-public-hero{height:240px;background-position:72% center}.gallery-public-hero h1{font-size:37px}.gallery-public-hero p{font-size:13px}.gallery-photo-button{height:190px}.gallery-empty{flex-direction:column;text-align:center}.gallery-empty>a{margin-left:0}.gallery-lightbox{padding:15px}.gallery-lightbox-close{right:12px;top:12px}}
.contact-public-page{background:#fffaf2;min-height:520px}.contact-public-hero{height:250px;background:#fffaf2 url('mockup/contact-hero-v2.png') center/cover no-repeat}.contact-public-hero-copy{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.contact-public-hero .portal-eyebrow{font-size:14px}.contact-public-hero h1{font:900 clamp(43px,4vw,61px)/1 Nunito,sans-serif;color:#102a54;margin:12px 0 13px}.contact-public-hero p{font-size:16px;line-height:1.55;color:#526984;margin:0}.contact-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding-top:18px;padding-bottom:50px}.contact-info-card{min-height:145px;background:#fff;border:1px solid #eee8df;border-radius:18px;padding:23px;display:grid;grid-template-columns:64px 1fr 70px;align-items:start;gap:12px;box-shadow:0 8px 23px #4e35150b;color:#102a54;transition:transform .2s,box-shadow .2s}.contact-info-card[href]:hover{transform:translateY(-4px);box-shadow:0 15px 29px #4e351518}.contact-main-icon{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#fff1df;color:#f4511e;font-size:28px;font-weight:900}.contact-info-card.phone .contact-main-icon{background:#eaf5ff}.contact-info-card.email .contact-main-icon{background:#f7eaff}.contact-info-card.emergency .contact-main-icon{background:#ffecec;color:#d8442e}.contact-info-card.whatsapp .contact-main-icon{background:#e7f8ec;color:#159657;font-size:13px}.contact-info-card h2{font:900 20px Nunito,sans-serif;margin:5px 0 6px}.contact-info-card p{color:#60718a;font-size:14px;line-height:1.5;margin:0}.contact-info-card small{display:block;color:#f4511e;font-weight:800;margin-top:8px}.contact-art{align-self:center;justify-self:center;font-size:47px;color:#ff7041;opacity:.82}.contact-info-card.address{grid-column:auto}.contact-info-card.whatsapp{border-color:#d8eddd}.portal-footer.portal-footer-rich{position:relative;background:#fff9ef;color:#142c4e;padding:38px 0 0;border-top:1px solid #f0e2d2;overflow:hidden}.portal-footer-rich .footer-landscape{display:block;position:absolute;inset:auto 0 52px;height:115px;background:url('mockup/footer-wave.png') center bottom/100% 100% no-repeat;opacity:.6}.portal-footer-rich .footer-content{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:0;padding:0 0 105px}.portal-footer-rich .footer-content>section,.portal-footer-rich .footer-content>nav{padding:0 45px;border-right:1px solid #eadfd2}.portal-footer-rich .footer-content>*:first-child{padding-left:0}.portal-footer-rich .footer-content>*:last-child{border-right:0}.footer-brand{display:flex!important;align-items:center;gap:13px;color:#102a54!important}.footer-brand img{width:64px;height:64px;object-fit:contain}.footer-brand strong{font:900 24px/1 Nunito,sans-serif!important;margin:0!important}.footer-brand small{display:block;font-size:17px;margin-top:4px}.footer-brand-block>p{max-width:390px;color:#607087!important;font-size:14px!important;line-height:1.6;margin-top:18px}.footer-social{width:42px;height:42px;border-radius:50%;display:grid!important;place-items:center;background:#21bd63;color:#fff!important;font-weight:900}.footer-nav>strong,.footer-contact>strong{font:900 21px Nunito,sans-serif!important;display:flex!important;align-items:center;gap:12px}.footer-nav>strong span,.footer-contact>strong span{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#ff5b20;color:#fff}.portal-footer-rich .footer-nav>a,.portal-footer-rich .footer-contact>a{color:#e94b18;font-size:14px;margin:7px 0}.portal-footer-rich .footer-contact p{color:#5c6c82;font-size:14px;margin:9px 0}.portal-footer-rich .footer-bottom{position:relative;z-index:2;width:min(1500px,calc(100% - 60px));background:#fffdf9;border:1px solid #eee2d4;border-radius:25px 25px 0 0;padding:17px 30px;display:flex;justify-content:space-between;align-items:center;color:#65748a;font-size:12px}.portal-footer-rich .footer-bottom em{font-style:normal;color:#293c59;font-weight:700}.portal-footer-rich .footer-bottom a{background:#ff5b20;color:#fff;padding:8px 17px;border-radius:999px}.citizen-login-body .portal-footer-rich{display:none}
@media(max-width:900px){.contact-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-footer-rich .footer-content{grid-template-columns:1fr 1fr}.portal-footer-rich .footer-brand-block{grid-column:1/-1;border-right:0!important;border-bottom:1px solid #eadfd2;padding:0 0 28px!important;margin-bottom:28px}.portal-footer-rich .footer-content>nav{padding-left:0}.portal-footer-rich .footer-bottom{flex-wrap:wrap;gap:10px}}
@media(max-width:650px){.contact-public-hero{height:260px;background-position:68% center;position:relative}.contact-public-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffaf2f8 0 53%,#fffaf26d 82%,transparent)}.contact-public-hero-copy{position:relative;z-index:1;max-width:77%}.contact-public-hero h1{font-size:39px}.contact-public-hero p{font-size:13px}.contact-card-grid{grid-template-columns:1fr}.contact-info-card{min-height:125px}.portal-footer-rich .footer-content{grid-template-columns:1fr;padding-bottom:95px}.portal-footer-rich .footer-content>section,.portal-footer-rich .footer-content>nav{padding:22px 0;border-right:0;border-bottom:1px solid #eadfd2}.portal-footer-rich .footer-contact{border-bottom:0!important}.portal-footer-rich .footer-bottom{width:calc(100% - 30px);align-items:flex-start;flex-direction:column}.portal-footer-rich .footer-bottom em{display:none}}
@media(max-width:400px){.contact-info-card{grid-template-columns:55px 1fr}.contact-art{display:none}.contact-info-card h2{font-size:18px}}
.portal-body .portal-page{padding:60px 0 90px;min-height:600px}.portal-body .portal-page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.portal-body .portal-page-head h1{font:900 39px Nunito,sans-serif;margin:4px 0}.portal-body .portal-page-head p{color:#607088}.portal-body .portal-page-head>a:not(.portal-button){color:var(--orange);font-weight:800}.portal-body .portal-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:25px}.portal-body .portal-action-grid a,.portal-body .portal-panel{background:#fff;border:1px solid #eee8e0;border-radius:17px;padding:25px;box-shadow:0 7px 18px #2630440b}.portal-body .portal-action-grid a span{display:block;font-size:30px;color:var(--orange)}.portal-body .portal-action-grid a strong{display:block;font:900 19px Nunito,sans-serif;margin:7px 0}.portal-body .portal-action-grid a small{color:#607088}.portal-body .portal-two-col{display:grid;grid-template-columns:1fr 1fr;gap:17px}.portal-body .portal-panel h2{font:900 21px Nunito,sans-serif}.portal-body .portal-panel>a{color:var(--orange);font-weight:800;font-size:13px}.portal-body .portal-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #eee;padding:10px 0;font-size:13px}.portal-body .portal-row span{color:var(--orange)}.portal-body .portal-form{max-width:700px}
@media(max-width:1300px){.portal-body .nav nav a{padding:9px 10px;font-size:13px}.portal-body .brand{font-size:22px}.portal-body .quick-menu-grid strong{font-size:12px}.portal-body .quick-menu-grid small{font-size:11px}.portal-body .quick-menu-grid a{padding:0 4px}.portal-body .home-card-head h2{font-size:16px}}
@media(max-width:1080px){.portal-body .wrap{width:calc(100% - 48px)}.portal-body .site-header .nav{height:72px;min-height:72px;position:relative}.portal-body .brand img{width:55px;height:48px}.portal-body .brand{font-size:21px}.portal-body .brand small{font-size:14px}.portal-body .menu-toggle{display:block;margin-left:auto}.portal-body .site-header .nav nav{display:none;position:absolute;top:72px;left:-24px;right:-24px;background:#fff;box-shadow:0 16px 22px #1b2f4725;padding:16px 24px;flex-direction:column;align-items:stretch;z-index:30;max-height:70vh;overflow:auto}.portal-body .site-header .nav nav.open{display:flex}.portal-body .site-header .nav nav a{padding:9px 14px}.portal-body .resident-login{margin-left:0}.portal-body .home-overlap{grid-template-columns:1fr 1fr}.portal-body .quick-menu-card{height:auto;min-height:250px}.portal-body .quick-menu-grid{grid-template-columns:repeat(4,1fr);row-gap:12px}.portal-body .quick-menu-grid a:nth-child(4){border-right:0}.portal-body .home-content-grid{grid-template-columns:1fr 1fr}.portal-body .agenda-card{grid-column:1 / -1;height:auto;min-height:220px}.portal-body .about-photo-card,.portal-body .about-text-card{height:300px}}
@media(max-width:760px){.portal-body .wrap{width:calc(100% - 30px)}.portal-body .portal-hero{height:440px;background-position:62% center}.portal-body .portal-hero .hero-content{padding-top:55px}.portal-body .portal-hero h1{font-size:clamp(45px,9vw,62px)}.portal-body .portal-hero p{font-size:17px;max-width:330px}.portal-body .hero-kicker{font-size:10px;letter-spacing:.27em}.portal-body .home-overlap{grid-template-columns:1fr;margin-top:-50px}.portal-body .quick-menu-card{order:2;min-height:0;height:auto}.portal-body .announcement-card{order:1;height:auto;min-height:210px}.portal-body .quick-menu-grid{grid-template-columns:repeat(4,1fr)}.portal-body .quick-menu-grid a{border-right:0}.portal-body .quick-icon{width:70px;height:58px}.portal-body .home-content-grid{grid-template-columns:1fr;margin-top:16px}.portal-body .about-photo-card,.portal-body .about-text-card{height:auto;min-height:270px}.portal-body .about-photo-card{background-size:cover}.portal-body .agenda-card{grid-column:auto}.portal-body .home-bottom-slogan{background-size:cover}.portal-body .footer-content{grid-template-columns:1fr 1fr}.portal-body .profile-layout,.portal-body .portal-two-col{grid-template-columns:1fr}.portal-body .info-directory,.portal-body .contact-grid{grid-template-columns:repeat(2,1fr)}.portal-body .portal-action-grid{grid-template-columns:1fr}}
@media(max-width:480px){.portal-body .brand{font-size:17px}.portal-body .brand img{width:45px;height:42px}.portal-body .brand small{font-size:12px}.portal-body .resident-login{font-size:0;padding:9px 13px}.portal-body .resident-login span{font-size:21px;margin:0}.portal-body .portal-hero h1{font-size:45px}.portal-body .quick-menu-grid{grid-template-columns:repeat(3,1fr)}.portal-body .quick-menu-grid strong{white-space:normal}.portal-body .footer-content,.portal-body .info-directory,.portal-body .contact-grid{grid-template-columns:1fr}.portal-body .home-bottom-slogan span{font-size:24px}.portal-body .portal-page-head{align-items:start;flex-direction:column}}
@media print{.portal-body .site-header,.portal-body .portal-footer,.portal-body .wa-float{display:none!important}.portal-body .page-title{background:#fff}.portal-body .panel,.portal-body .finance-summary>div{box-shadow:none}}
.portal-body .portal-footer.portal-footer-rich{min-height:505px;margin-top:34px;padding:54px 0 0;border:0;border-radius:70px 70px 0 0;background:#fffaf1;isolation:isolate}.portal-footer-rich .footer-landscape{display:block;z-index:-1;inset:0!important;height:100%!important;background:url('mockup/footer-landscape-v2.png') center bottom/cover no-repeat!important;opacity:1!important}.portal-footer-rich .footer-content{width:min(1500px,calc(100% - 80px));grid-template-columns:1.22fr .85fr 1fr;max-width:none;gap:0;padding:0 24% 205px 0}.portal-footer-rich .footer-content>section,.portal-footer-rich .footer-content>nav{min-width:0;padding:0 42px}.portal-footer-rich .footer-brand img{width:76px;height:76px}.portal-footer-rich .footer-brand strong{font-size:26px!important}.portal-footer-rich .footer-brand small{font-size:19px}.portal-footer-rich .footer-brand-block>p{font-size:16px!important;line-height:1.55;margin-top:20px}.portal-footer-rich .footer-nav>a,.portal-footer-rich .footer-contact>a,.portal-footer-rich .footer-contact p{font-size:15px;line-height:1.45}.portal-footer-rich .footer-socials{display:flex;gap:10px;margin-top:20px}.portal-footer-rich .footer-social{box-shadow:0 5px 14px #164b2430}.portal-footer-rich .footer-sign{position:absolute;z-index:2;right:4.2%;bottom:165px;width:245px;text-align:center;color:#fff;transform:rotate(-2deg);text-shadow:0 2px 2px #7d2c1a;font-family:Nunito,sans-serif}.portal-footer-rich .footer-sign strong,.portal-footer-rich .footer-sign span{display:block}.portal-footer-rich .footer-sign strong{font-size:25px;font-weight:900}.portal-footer-rich .footer-sign span{font-size:21px;font-weight:800;margin-top:2px}.portal-footer-rich .footer-bottom{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:calc(100% - 60px);max-width:none;min-height:72px;border-radius:30px;padding:16px 34px;background:#fffdf9ed;box-shadow:0 8px 26px #70471610}.portal-footer-rich .footer-bottom span,.portal-footer-rich .footer-bottom em{font-size:13px}.portal-footer-rich .footer-bottom em{color:#162b49;font-weight:900}.portal-footer-rich .footer-bottom em:first-letter{color:#f05a2b}.portal-footer-rich .footer-place{color:#25384f!important}.portal-footer-rich .footer-bottom a{padding:10px 20px;box-shadow:0 6px 14px #f4511e35}
@media(max-width:1200px){.portal-footer-rich .footer-content{padding-right:20%;grid-template-columns:1.15fr .85fr 1fr}.portal-footer-rich .footer-content>section,.portal-footer-rich .footer-content>nav{padding:0 25px}.portal-footer-rich .footer-sign{right:2%;width:210px}.portal-footer-rich .footer-sign strong{font-size:21px}.portal-footer-rich .footer-sign span{font-size:18px}}
@media(max-width:900px){.portal-body .portal-footer.portal-footer-rich{min-height:auto;border-radius:42px 42px 0 0}.portal-footer-rich .footer-landscape{background-position:58% bottom!important}.portal-footer-rich .footer-content{width:calc(100% - 48px);grid-template-columns:1fr 1fr;padding:0 0 230px}.portal-footer-rich .footer-brand-block{grid-column:1/-1}.portal-footer-rich .footer-sign{right:5%;bottom:150px}.portal-footer-rich .footer-bottom{position:relative;left:auto;bottom:auto;transform:none;margin-top:-92px;width:calc(100% - 36px)}}
@media(max-width:650px){.portal-body .portal-footer.portal-footer-rich{margin-top:24px;padding-top:34px;border-radius:30px 30px 0 0}.portal-footer-rich .footer-landscape{background-position:64% bottom!important}.portal-footer-rich .footer-content{width:calc(100% - 34px);grid-template-columns:1fr;padding-bottom:245px}.portal-footer-rich .footer-content>section,.portal-footer-rich .footer-content>nav{padding:22px 0}.portal-footer-rich .footer-brand img{width:64px;height:64px}.portal-footer-rich .footer-brand strong{font-size:22px!important}.portal-footer-rich .footer-sign{right:5%;bottom:178px;width:180px}.portal-footer-rich .footer-sign strong{font-size:18px}.portal-footer-rich .footer-sign span{font-size:16px}.portal-footer-rich .footer-bottom{margin-top:-130px;width:calc(100% - 24px);padding:18px 22px;border-radius:24px;gap:8px}.portal-footer-rich .footer-bottom span{font-size:11px}.portal-footer-rich .footer-bottom a{align-self:stretch;text-align:center}}
.home-v2{background:#fffaf2;padding-bottom:36px;overflow:hidden}.home-v2 .home-hero-v2{height:390px;background-position:center;background-size:cover;position:relative}.home-v2 .home-hero-v2:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffaf4 0%,#fffaf4e8 24%,#fffaf438 42%,transparent 58%);pointer-events:none}.home-v2 .hero-content{position:relative;z-index:2;height:100%;padding-top:48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.home-v2 .hero-kicker{color:#f4511e;font-size:12px;letter-spacing:.36em;font-weight:900}.home-v2 .hero-content h1{font:900 clamp(48px,4.2vw,67px)/.98 Nunito,sans-serif;color:#102d58;margin:13px 0 15px;letter-spacing:.01em;text-shadow:none}.home-v2 .hero-content h1 em{font-style:normal;color:#f4511e}.home-v2 .hero-content p{max-width:440px;font-size:16px;line-height:1.45;color:#142e52;margin:0 0 20px}.home-v2 .hero-content .portal-button{padding:13px 25px;font-size:15px;box-shadow:0 8px 20px #f4511e35}.home-v2 .hero-content .portal-button span{font-size:22px;margin-left:13px}.home-v2 .hero-motto{position:absolute;z-index:2;right:4.5%;top:91px;width:180px;height:142px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#145839;font:800 20px/1.16 Nunito,sans-serif;transform:rotate(-4deg)}.home-v2 .hero-motto strong{font-size:27px}.home-v2 .home-overlap-v2{position:relative;z-index:4;margin-top:-34px;display:grid;grid-template-columns:minmax(0,2.1fr) minmax(330px,1fr);gap:16px;align-items:stretch}.home-v2 .quick-menu-card,.home-v2 .home-list-card,.home-v2 .about-text-card{background:#fff;border:1px solid #eee7df;border-radius:18px;box-shadow:0 8px 24px #4630180c}.home-v2 .quick-menu-card{height:158px;padding:20px 22px}.home-v2 .quick-menu-grid{height:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.home-v2 .quick-menu-grid a{min-width:0;padding:0 8px;border-right:1px solid #eee9e3;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-v2 .quick-menu-grid a:last-child{border-right:0}.home-v2 .quick-icon{width:68px;height:62px;border-radius:15px}.home-v2 .quick-icon img{width:100%;height:100%;object-fit:contain}.home-v2 .quick-menu-grid strong{font-size:13px;line-height:1.15;margin-top:6px;color:#102b53}.home-v2 .quick-menu-grid small{font-size:11px;line-height:1.2;color:#63728a;margin-top:4px;display:block}.home-v2 .announcement-card{height:158px;padding:18px 22px}.home-v2 .home-card-head{padding-bottom:12px}.home-v2 .home-card-head>div{gap:8px}.home-v2 .home-card-head img{width:32px;height:32px}.home-v2 .home-card-head h2{font-size:16px}.home-v2 .home-card-head>a{font-size:11px}.home-v2 .home-list-items>a{position:relative;grid-template-columns:51px minmax(0,1fr) 14px;gap:11px;padding:9px 0}.home-v2 .announcement-card .home-list-items>a:not(:first-child){display:none}.home-v2 .date-tile{width:51px;height:48px;border-radius:9px;background:#fff2e6}.home-v2 .date-tile b{font-size:19px}.home-v2 .date-tile small{font-size:10px}.home-v2 .home-list-items>a>span:nth-child(2){min-width:0}.home-v2 .home-list-items strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-v2 .home-list-items small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-v2 .home-list-items i{font-size:25px;color:#f4511e;font-style:normal;align-self:center}.home-v2 .home-content-v2{display:grid;grid-template-columns:1.15fr 1fr 1.03fr;gap:16px;margin-top:16px;align-items:stretch}.home-v2 .about-photo-card,.home-v2 .about-text-card,.home-v2 .agenda-card{height:232px}.home-v2 .about-photo-card{position:relative;border-radius:18px;background-size:cover;background-position:center;box-shadow:0 8px 24px #46301812}.home-v2 .about-quote{position:absolute;left:34px;bottom:25px;color:#fff;font:900 24px/1.23 Nunito,sans-serif;text-shadow:0 2px 5px #1723358a}.home-v2 .about-quote:before{content:'';display:block;width:48px;height:4px;border-radius:5px;background:#ff5a20;margin-bottom:13px}.home-v2 .about-text-card{padding:20px 24px}.home-v2 .about-text-card h2{font-size:21px;color:#f4511e;margin:0 0 8px}.home-v2 .about-text-card p{font-size:13px;line-height:1.45;color:#586981;margin-bottom:13px;-webkit-line-clamp:3}.home-v2 .value-grid{gap:7px}.home-v2 .value-grid>div{padding:0 8px}.home-v2 .value-grid>div:first-child{padding-left:0}.home-v2 .value-grid img{height:38px;width:45px}.home-v2 .value-grid strong{font-size:12px}.home-v2 .value-grid small{font-size:10px}.home-v2 .agenda-card{padding:18px 22px}.home-v2 .agenda-card .home-list-items>a{padding:9px 0}.home-v2 .agenda-card .home-list-items>a:nth-child(n+3){display:none}.home-v2 .event-meta{color:#f4511e;font-weight:600}.home-v2+.portal-footer{margin-top:0!important}
@media(max-width:1200px){.home-v2 .hero-motto{display:none}.home-v2 .home-overlap-v2{grid-template-columns:1.8fr 1fr}.home-v2 .quick-menu-card{overflow-x:auto}.home-v2 .quick-menu-grid{min-width:690px}.home-v2 .home-content-v2{grid-template-columns:1fr 1fr}.home-v2 .agenda-card{grid-column:1/-1;height:auto;min-height:205px}}
@media(max-width:900px){.home-v2 .home-hero-v2{height:420px;background-position:60% center}.home-v2 .home-hero-v2:after{background:linear-gradient(90deg,#fffaf4fa 0%,#fffaf4db 39%,#fffaf437 68%,transparent)}.home-v2 .hero-content{padding-top:52px}.home-v2 .hero-content h1{font-size:54px}.home-v2 .home-overlap-v2{grid-template-columns:1fr;margin-top:-28px}.home-v2 .quick-menu-card,.home-v2 .announcement-card{height:auto;min-height:158px}.home-v2 .home-content-v2{grid-template-columns:1fr 1fr}.home-v2 .agenda-card{grid-column:1/-1}.home-v2 .about-photo-card,.home-v2 .about-text-card{height:255px}}
@media(max-width:650px){.home-v2 .home-hero-v2{height:500px;background-position:64% center}.home-v2 .home-hero-v2:after{background:linear-gradient(90deg,#fffaf4fc 0%,#fffaf4e7 52%,#fffaf44f 84%,transparent)}.home-v2 .hero-content{padding-top:55px;max-width:92%}.home-v2 .hero-kicker{font-size:10px;letter-spacing:.22em}.home-v2 .hero-content h1{font-size:44px;margin-top:15px}.home-v2 .hero-content p{font-size:14px;max-width:310px}.home-v2 .home-overlap-v2{margin-top:-38px}.home-v2 .quick-menu-card{padding:15px 12px}.home-v2 .quick-menu-grid{min-width:640px}.home-v2 .announcement-card{padding:18px}.home-v2 .home-content-v2{grid-template-columns:1fr}.home-v2 .about-photo-card,.home-v2 .about-text-card,.home-v2 .agenda-card{height:auto;min-height:235px}.home-v2 .about-quote{font-size:21px;left:25px}.home-v2 .agenda-card{grid-column:auto}}
.home-v2 .quick-menu-card,.home-v2 .announcement-card,.home-v2 .agenda-card,.home-v2 .about-text-card{min-width:0;overflow:hidden}@media(max-width:760px){.home-v2 .home-overlap-v2 .quick-menu-card{order:1}.home-v2 .home-overlap-v2 .announcement-card{order:2}.home-v2 .home-list-items>a>span:nth-child(2){overflow:hidden}}
/* Final homepage alignment: preserve the full family composition and crisp HTML copy. */
.home-v2 .home-hero-v2{height:440px;background-size:100% 100%;background-position:center}.home-v2 .home-hero-v2:after{background:linear-gradient(90deg,#fffaf4 0%,#fffaf4f5 22%,#fffaf485 34%,transparent 51%)}.home-v2 .hero-content{padding-top:58px}.home-v2 .hero-content h1{font-size:clamp(46px,3.45vw,60px);line-height:1.02;letter-spacing:0;text-shadow:none!important;-webkit-font-smoothing:antialiased}.home-v2 .hero-content p,.home-v2 .hero-kicker{filter:none;text-shadow:none!important;-webkit-font-smoothing:antialiased}.home-v2 .hero-content p{max-width:420px;font-size:15px;line-height:1.5}.home-v2 .hero-kicker{font-size:11px;letter-spacing:.31em}.home-v2 .hero-motto{display:none!important}.home-v2 .home-overlap-v2{margin-top:-26px}
.portal-body .portal-footer.portal-footer-rich{min-height:390px;margin-top:24px;padding-top:34px;border-radius:52px 52px 0 0}.portal-footer-rich .footer-landscape{background-size:100% 100%!important;background-position:center bottom!important}.portal-footer-rich .footer-content{padding:0 24% 138px 0}.portal-footer-rich .footer-brand img{width:62px;height:62px}.portal-footer-rich .footer-brand strong{font-size:23px!important}.portal-footer-rich .footer-brand small{font-size:16px}.portal-footer-rich .footer-brand-block>p{font-size:13px!important;line-height:1.45;margin-top:14px}.portal-footer-rich .footer-nav>strong,.portal-footer-rich .footer-contact>strong{font-size:18px!important}.portal-footer-rich .footer-nav>a,.portal-footer-rich .footer-contact>a,.portal-footer-rich .footer-contact p{font-size:13px;line-height:1.3;margin:6px 0}.portal-footer-rich .footer-sign{right:4%;bottom:116px;width:220px}.portal-footer-rich .footer-sign strong{font-size:21px}.portal-footer-rich .footer-sign span{font-size:17px}.portal-footer-rich .footer-bottom{bottom:12px;min-height:58px;padding:11px 28px;border-radius:25px}.portal-footer-rich .footer-bottom span,.portal-footer-rich .footer-bottom em{font-size:11px}.portal-footer-rich .footer-bottom a{padding:8px 17px}
@media(max-width:900px){.home-v2 .home-hero-v2{height:430px;background-size:cover;background-position:58% center}.portal-body .portal-footer.portal-footer-rich{min-height:auto}.portal-footer-rich .footer-content{padding-bottom:205px}.portal-footer-rich .footer-sign{bottom:125px}.portal-footer-rich .footer-bottom{min-height:58px}}
@media(max-width:650px){.home-v2 .home-hero-v2{height:480px;background-size:cover;background-position:61% center}.home-v2 .hero-content{padding-top:50px}.home-v2 .hero-content h1{font-size:40px;line-height:1.04}.home-v2 .hero-content p{font-size:13px;max-width:285px}.portal-body .portal-footer.portal-footer-rich{padding-top:26px;border-radius:28px 28px 0 0}.portal-footer-rich .footer-content{padding-bottom:210px}.portal-footer-rich .footer-sign{bottom:150px}.portal-footer-rich .footer-bottom{padding:14px 18px}}
.home-v2 .about-quote{font-size:22px;line-height:1.2;text-shadow:none;background:linear-gradient(90deg,#152b43b8,transparent);padding:12px 34px 12px 0}.portal-body .portal-footer.portal-footer-rich{min-height:350px;padding-top:30px}.portal-footer-rich .footer-content{padding-bottom:108px}.portal-footer-rich .footer-sign{bottom:100px;transform:rotate(-2deg) scale(.88)}
@media(max-width:900px){.portal-body .portal-footer.portal-footer-rich{min-height:auto}.portal-footer-rich .footer-content{padding-bottom:190px}.portal-footer-rich .footer-sign{bottom:118px}}
@media(max-width:650px){.portal-footer-rich .footer-content{padding-bottom:200px}.portal-footer-rich .footer-sign{bottom:142px}}
.home-v2 .hero-gate-label,.home-v2 .hero-green-label{position:absolute;z-index:2;text-align:center;font-family:Nunito,sans-serif;pointer-events:none;-webkit-font-smoothing:antialiased}.home-v2 .hero-gate-label{left:67.2%;top:20.7%;width:18.2%;height:12%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#362416;text-transform:uppercase;transform:rotate(-.4deg)}.home-v2 .hero-gate-label strong{font-size:clamp(15px,1.25vw,23px);font-weight:1000;line-height:1}.home-v2 .hero-gate-label span{font-size:clamp(10px,.82vw,16px);font-weight:900;line-height:1.1;margin-top:4px}.home-v2 .hero-green-label{right:2.1%;top:36%;width:17.2%;height:28%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0b5835;transform:rotate(-4.5deg)}.home-v2 .hero-green-label span{font-size:clamp(15px,1.18vw,22px);font-weight:900;line-height:1.08}.home-v2 .hero-green-label strong{font-size:clamp(20px,1.55vw,29px);font-weight:1000;line-height:1.05;margin-top:3px}.portal-footer-rich .footer-sign{top:46%;bottom:auto;right:2.4%;width:255px;height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-50%) rotate(-2deg) scale(.88);text-shadow:0 2px 2px #6f2918}.portal-footer-rich .footer-sign strong{line-height:1}.portal-footer-rich .footer-sign span{line-height:1.05;margin-top:7px}
@media(max-width:1200px){.home-v2 .hero-gate-label,.home-v2 .hero-green-label{display:none}.portal-footer-rich .footer-sign{top:auto;bottom:112px;right:2%;transform:rotate(-2deg) scale(.82)}}
@media(max-width:650px){.portal-footer-rich .footer-sign{bottom:142px;right:2%;transform:rotate(-2deg) scale(.72);transform-origin:right bottom}}

/* Global footer v3 — shared by every public menu */
.portal-body .portal-footer.footer-v3{position:relative;isolation:isolate;min-height:380px;margin-top:24px;padding:28px 0 0;overflow:hidden;border:0;border-radius:42px 42px 0 0;background:#fffaf2 url('mockup/footer-community-v3.png') center bottom/100% 100% no-repeat;color:#102b53}
.footer-v3-content{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .9fr 1fr;width:min(1360px,calc(100% - 64px));margin:0 auto;padding:0 27% 96px 0}
.footer-v3-content>section,.footer-v3-content>nav{min-width:0;padding:0 26px;border-right:1px solid #e8dfd2}
.footer-v3-content>*:first-child{padding-left:0}.footer-v3-content>*:last-child{border-right:0}
.footer-v3-identity{display:flex;align-items:center;gap:14px;color:#102b53!important}
.footer-v3-identity img{width:58px;height:58px;object-fit:contain}.footer-v3-identity strong{display:block;font:900 22px/1 Nunito,sans-serif}.footer-v3-identity small{display:block;margin-top:5px;font:800 15px/1 Nunito,sans-serif}
.footer-v3-brand>p{max-width:385px;margin:18px 0;color:#5c6f88;font-size:14px;line-height:1.55}
.footer-v3-socials{display:flex;gap:13px;align-items:flex-start}.footer-v3-socials a{display:flex;flex-direction:column;align-items:center;gap:5px;color:#193553!important;font-size:10px}.footer-v3-socials b{display:grid;place-items:center;width:43px;height:43px;border:5px solid #fff;border-radius:50%;box-shadow:0 4px 12px #18375825;color:#fff;font:900 12px Nunito,sans-serif}.footer-v3-socials b svg{width:23px;height:23px;display:block;fill:currentColor;stroke:none}.footer-v3-socials .social-ig b svg,.footer-v3-socials .social-mail b svg{fill:none;stroke:currentColor;stroke-width:2}.footer-v3-socials .social-ig .fill-dot{fill:currentColor;stroke:none}.footer-v3-socials .social-yt .play{fill:#ff2b24}.footer-v3-socials .social-wa b{background:#19c768}.footer-v3-socials .social-ig b{background:linear-gradient(135deg,#6944db,#f23a8b,#ff9b2e)}.footer-v3-socials .social-yt b{background:#ff2b24}.footer-v3-socials .social-fb b{background:#247ce2}.footer-v3-socials .social-mail b{background:linear-gradient(135deg,#ea4335,#c5221f)}
.footer-v3-content h2{display:flex;align-items:center;gap:11px;margin:0 0 9px;font:900 20px Nunito,sans-serif}.footer-v3-content h2>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ff5a20;color:#fff;font:900 22px Nunito,sans-serif}
.footer-v3-nav a,.footer-v3-contact p,.footer-v3-contact>a{display:flex;align-items:center;gap:10px;margin:5px 0;color:#5d6f87;font-size:13px;line-height:1.3}.footer-v3-nav a:hover,.footer-v3-contact>a:hover{color:#f4511e}.footer-v3-nav i,.footer-v3-contact i{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:#fff0e7;color:#f4511e;font-style:normal;font-size:13px}.footer-v3-contact .footer-v3-contact-link{color:#ee4e1b;text-decoration:underline;font-weight:800}
.footer-v3-sign{position:absolute;z-index:3;right:3.2%;top:83px;width:235px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#563416;text-align:center;font-family:Nunito,sans-serif;line-height:1.05;transform:rotate(-5deg);text-shadow:0 1px #fff4d6}.footer-v3-sign span{font-size:20px;font-weight:900}.footer-v3-sign strong{font-size:27px;font-weight:1000}
.footer-v3-bottom{position:absolute;z-index:4;left:30px;right:30px;bottom:10px;min-height:54px;padding:10px 28px;border:1px solid #eee3d4;border-radius:25px;background:#fffdf9ed;box-shadow:0 8px 25px #69451612;display:grid;grid-template-columns:1fr 1.25fr 1.1fr;align-items:center;gap:22px;color:#607087;font-size:11px}.footer-v3-bottom strong{color:#172f52;text-align:right}.footer-v3-bottom strong:first-letter{color:#f4511e;font-size:16px}.footer-v3-place{color:#263b58}
.citizen-login-body .footer-v3{display:none!important}
@media(max-width:1200px){.footer-v3-content{grid-template-columns:1.15fr .85fr 1fr;padding-right:25%}.footer-v3-content>section,.footer-v3-content>nav{padding:0 22px}.footer-v3-sign{right:1.5%;width:205px}.footer-v3-identity strong{font-size:22px}.footer-v3-identity small{font-size:16px}}
@media(max-width:900px){.portal-body .portal-footer.footer-v3{min-height:515px;background-size:auto 100%;background-position:62% bottom}.footer-v3-content{grid-template-columns:1fr 1fr;width:calc(100% - 48px);padding:0 0 185px}.footer-v3-brand{grid-column:1/-1;padding:0 0 18px!important;margin-bottom:18px;border-right:0!important;border-bottom:1px solid #e8dfd2}.footer-v3-content>nav{padding-left:0}.footer-v3-sign{top:auto;right:5%;bottom:84px}.footer-v3-bottom{left:18px;right:18px;grid-template-columns:1fr 1fr;gap:6px 18px}.footer-v3-bottom strong{grid-column:1/-1;text-align:center}}
@media(max-width:650px){.portal-body .portal-footer.footer-v3{min-height:680px;margin-top:18px;padding-top:22px;border-radius:28px 28px 0 0;background-position:68% bottom}.footer-v3-content{grid-template-columns:1fr;width:calc(100% - 34px);padding-bottom:220px}.footer-v3-content>section,.footer-v3-content>nav{padding:15px 0;border-right:0;border-bottom:1px solid #e8dfd2}.footer-v3-brand{margin-bottom:0;padding-top:0!important}.footer-v3-contact{border-bottom:0!important}.footer-v3-identity img{width:52px;height:52px}.footer-v3-identity strong{font-size:19px}.footer-v3-identity small{font-size:13px}.footer-v3-sign{right:1%;bottom:93px;width:165px;height:94px;transform:rotate(-5deg)}.footer-v3-sign span{font-size:14px}.footer-v3-sign strong{font-size:20px}.footer-v3-bottom{left:10px;right:10px;bottom:10px;min-height:76px;padding:10px 14px;grid-template-columns:1fr;text-align:center;gap:3px}.footer-v3-bottom strong{text-align:center}.footer-v3-socials{gap:9px}}

/* Precise, crisp text overlays for the illustrated signboards */
.home-v2 .hero-gate-label,.home-v2 .hero-green-label,.footer-v3-sign{font-family:"Trebuchet MS",Inter,Arial,sans-serif;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;font-synthesis:none}
.home-v2 .hero-gate-label{left:67.45%;top:20.1%;width:18.5%;height:13.4%;padding:0 1%;transform:rotate(-.35deg)}
.home-v2 .hero-gate-label strong{font-size:clamp(15px,1.2vw,22px);font-weight:900;line-height:.98;letter-spacing:-.025em}
.home-v2 .hero-gate-label span{font-size:clamp(10px,.78vw,15px);font-weight:800;line-height:1;margin-top:5px;letter-spacing:.015em}
.home-v2 .hero-green-label{right:1.7%;top:35.4%;width:17.8%;height:29.5%;padding:3% 1.2% 2%;transform:rotate(-4.4deg)}
.home-v2 .hero-green-label span{font-size:clamp(14px,1.12vw,21px);font-weight:900;line-height:1.02;letter-spacing:-.025em}
.home-v2 .hero-green-label strong{font-size:clamp(19px,1.48vw,28px);font-weight:900;line-height:1;margin-top:5px;letter-spacing:-.035em}
.footer-v3-sign{right:5.5%;top:78px;width:240px;height:132px;padding:7px 13px 0;transform:rotate(-5deg)}
.footer-v3-sign span{font-size:20px;font-weight:900;line-height:1.02;letter-spacing:-.035em}.footer-v3-sign strong{font-size:28px;font-weight:900;line-height:1;margin-top:4px;letter-spacing:-.045em}
@media(max-width:1200px){.footer-v3-sign{top:auto;right:1.4%;bottom:101px;width:205px;height:112px;padding-top:5px}.footer-v3-sign span{font-size:17px}.footer-v3-sign strong{font-size:24px}}
@media(max-width:650px){.footer-v3-sign{right:.5%;bottom:101px;width:174px;height:98px;padding:4px 10px 0}.footer-v3-sign span{font-size:14px}.footer-v3-sign strong{font-size:20px;margin-top:3px}}

/* Homepage hero is a single flattened JPG, so its typography never shifts. */
.home-v2 .home-banner{width:100%;padding:18px 0;overflow:hidden;background:#fffaf2}.home-v2 .home-banner img{display:block;width:min(1520px,calc(100% - 48px));height:auto;margin:0 auto;border-radius:26px;box-shadow:0 10px 30px #51331612}.home-v2 .home-banner+.home-overlap-v2{margin-top:-22px}
@media(max-width:900px){.home-v2 .home-banner{padding:12px 0}.home-v2 .home-banner img{width:calc(100% - 28px);border-radius:18px}.home-v2 .home-banner+.home-overlap-v2{margin-top:0;padding-top:12px}}
@media(max-width:650px){.home-v2 .home-banner{padding:8px 0}.home-v2 .home-banner img{width:calc(100% - 20px);border-radius:13px}.home-v2 .home-banner+.home-overlap-v2{padding-top:10px}}

/* Footer is a single flattened JPG, matching the stable homepage banner. */
.portal-body .portal-footer.footer-image{display:block;min-height:0;margin:24px 0 0;padding:16px 0;background:#fffaf2;border:0;overflow:hidden}.portal-body .portal-footer.footer-image img{display:block;width:min(1520px,calc(100% - 48px));height:auto;margin:0 auto;border-radius:26px;box-shadow:0 10px 30px #51331610}.citizen-login-body .portal-footer.footer-image{display:none!important}
@media(max-width:900px){.portal-body .portal-footer.footer-image{padding:12px 0}.portal-body .portal-footer.footer-image img{width:calc(100% - 28px);border-radius:18px}}
@media(max-width:650px){.portal-body .portal-footer.footer-image{margin-top:16px;padding:8px 0}.portal-body .portal-footer.footer-image img{width:calc(100% - 20px);border-radius:13px}}
.portal-body .empty-state{background:#fff;border-radius:15px;padding:30px;color:#627187;box-shadow:0 7px 18px #2630440b}.portal-body .event-location{color:#ed511d!important;font-weight:800;font-size:13px!important;margin-bottom:7px}.portal-body .home-bottom-slogan span{background:#fff8e9;box-shadow:0 0 12px 16px #fff8e9;min-width:420px;text-align:center}

/* Citizen registration — full-page neighborhood treatment */
.citizen-register-body{background:#eef8fc}.citizen-register-body .portal-footer{display:none!important}.citizen-register-body .site-header{position:relative;z-index:30;box-shadow:0 2px 20px #173c6512}
.citizen-register-body .citizen-register-shell{position:relative;display:flex;align-items:flex-start;justify-content:center;min-height:calc(100vh - 80px);padding:35px 20px 28px;overflow:hidden;background:url('mockup/login-neighborhood.png') center 56%/cover no-repeat}.citizen-register-body .citizen-register-shell:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eaf8ff57,#fff9ed29 54%,#fff8ea4a)}
.citizen-register-body .citizen-register-card{position:relative;z-index:1;width:min(600px,calc(100% - 28px));padding:34px 46px 26px;border:1px solid #fff;border-radius:22px;background:#fffffff5;box-shadow:0 24px 70px #173c6520;backdrop-filter:blur(4px)}.citizen-register-body .register-card-illustration{position:absolute;right:26px;top:52px;width:142px;height:112px;object-fit:contain}.citizen-register-body .register-eyebrow{display:flex;align-items:center;gap:17px;color:#f4511e;font-size:13px;font-weight:800;letter-spacing:.1em}.citizen-register-body .register-eyebrow i{display:block;width:50px;height:2px;background:#f4511e}
.citizen-register-body .citizen-register-card h1{max-width:390px;margin:22px 0 8px;color:#0b2b5f;font:900 37px/1.08 Nunito,sans-serif;letter-spacing:.01em}.citizen-register-body .citizen-register-card>p{max-width:420px;margin:0 0 20px;color:#52698d;font-size:14px;line-height:1.55}.citizen-register-body .citizen-register-card form label{margin:14px 0 0;color:#092553;font-size:14px}
.citizen-register-body .register-input{display:flex;align-items:center;height:49px;margin-top:7px;padding:0 15px;border:1px solid #cbd6e3;border-radius:11px;background:#fff;transition:border-color .18s,box-shadow .18s}.citizen-register-body .register-input:focus-within{border-color:#2478ff;box-shadow:0 0 0 2px #2478ff17}.citizen-register-body .register-input svg{width:21px;height:21px;flex:0 0 21px;margin-right:14px;fill:none;stroke:#7084a5;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.citizen-register-body .register-input>b{width:22px;flex:0 0 22px;margin-right:12px;color:#7084a5;font-size:23px;line-height:1}.citizen-register-body .register-input input{height:47px;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;color:#17345e;font-size:13px}.citizen-register-body .register-input input::placeholder{color:#9aa9bf;opacity:1}
.citizen-register-body .citizen-register-card label small{margin:6px 0 0;color:#667da0;font-size:12px}.citizen-register-body .register-submit{display:flex;align-items:center;justify-content:center;gap:16px;height:49px;margin-top:22px;border-radius:999px;background:linear-gradient(90deg,#ff7a17,#ff421d);box-shadow:0 9px 22px #f4511e2d;font-size:16px}.citizen-register-body .register-submit span{font-size:24px;font-weight:400;line-height:1}.citizen-register-body .citizen-auth-switch{margin-top:21px;padding-top:17px;font-size:13px}

/* Contact page v2 */
.contact-v2{background:#fff9f2;color:#092858}.contact-v2-hero{height:265px;background:#fffaf2 url('mockup/contact-hero-v2.png') center/cover no-repeat;position:relative;overflow:hidden}.contact-v2-hero .wrap{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative}.contact-v2-breadcrumb{position:absolute;top:22px;left:0;display:flex;align-items:center;gap:12px;font-size:12px;color:#4e6b91}.contact-v2-breadcrumb b{color:#0c3267}.contact-v2-hero h1{font:900 57px/1 Nunito,sans-serif;margin:8px 0 9px}.contact-v2-hero h1 b{color:#ff4c17}.contact-v2-hero p{font-size:16px;line-height:1.45;color:#4e6c91;margin:0}.contact-v2-hero aside{position:absolute;right:8%;top:48px;padding:16px 24px;border-radius:50% 45% 50% 45%;background:#fffffff2;transform:rotate(-5deg);box-shadow:0 8px 18px #17375e14;text-align:center;font-size:13px}.contact-v2-content{padding:0 0 28px}.contact-v2-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:-1px}.contact-v2-card{position:relative;min-height:165px;padding:19px;border:1px solid #eee6dc;border-radius:15px;background:linear-gradient(145deg,#fff,#fffaf6);box-shadow:0 9px 24px #583c190c;overflow:hidden}.contact-v2-card[href]:hover{transform:translateY(-4px);box-shadow:0 15px 30px #583c1919}.contact-v2-card-copy{display:flex;align-items:flex-start;gap:15px}.contact-v2-card-copy>span{width:47px;height:47px;flex:0 0 47px;display:grid;place-items:center;border-radius:50%;background:#fff0e8;color:#ff4c17;font-size:25px;font-weight:900}.contact-v2-card.email .contact-v2-card-copy>span{background:#e4f2ff;color:#0873e9}.contact-v2-card.emergency .contact-v2-card-copy>span{background:#ffe9ec;color:#df2339}.contact-v2-card h2{font:900 17px Nunito,sans-serif;margin:4px 0}.contact-v2-card p{font-size:13px;color:#526d93;margin:0;line-height:1.35}.contact-v2-card small{position:absolute;left:19px;bottom:17px;display:inline-flex;align-items:center;min-height:34px;padding:0 16px;border:1px solid #ff6437;border-radius:9px;color:#f24a17;font-size:12px;font-weight:800}.contact-v2-art{position:absolute;right:12px;bottom:10px;font-size:68px;filter:drop-shadow(0 6px 7px #20385816)}.contact-v2-card.address .contact-v2-art{font-size:64px}.contact-v2-lower{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.contact-v2-hours,.contact-v2-channels{position:relative;min-height:145px;padding:18px 22px;border:1px solid #eee6dc;border-radius:15px;background:#fff;box-shadow:0 9px 24px #583c190b;overflow:hidden}.contact-v2-title{display:flex;align-items:center;gap:15px}.contact-v2-title>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#147deb;color:#fff;font-size:25px}.contact-v2-channels .contact-v2-title>span{background:#ff4f18}.contact-v2-title h2{font:900 17px Nunito,sans-serif;margin:0}.contact-v2-title p{font-size:12px;color:#5c7599;margin:3px 0}.contact-v2-schedule{width:72%;height:61px;margin-top:12px;padding:10px 16px;background:#eaf4ff;border-radius:12px;display:flex;align-items:center;gap:25px}.contact-v2-schedule>div{display:flex;align-items:center;gap:12px;flex:1}.contact-v2-schedule b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0877e9}.contact-v2-schedule strong,.contact-v2-schedule small{display:block;font-size:12px}.contact-v2-schedule small{color:#486992}.contact-v2-schedule i{height:35px;width:1px;background:#9ab4d3}.contact-v2-hours>em{position:absolute;right:23px;bottom:11px;font-size:75px;font-style:normal}.contact-v2-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.contact-v2-channel-grid>a,.contact-v2-channel-grid>div{min-height:62px;border:1px solid #e5eaf0;border-radius:11px;padding:9px 12px;display:flex;align-items:center;gap:12px}.contact-v2-channel-grid b{width:41px;height:41px;flex:0 0 41px;display:grid;place-items:center;border-radius:11px;color:#fff}.contact-v2-channel-grid .wa{background:#17bd5e}.contact-v2-channel-grid .ig{background:linear-gradient(145deg,#6a36e5,#ef2c70,#ff9c2d);font-size:25px}.contact-v2-channel-grid .maps{background:#2488ef;font-size:24px}.contact-v2-channel-grid strong,.contact-v2-channel-grid small{display:block;font-size:12px}.contact-v2-channel-grid small{color:#f04c19;margin-top:3px}.contact-v2+.portal-footer{margin-top:0}
@media(max-width:1050px){.contact-v2-cards{grid-template-columns:repeat(2,1fr)}.contact-v2-lower{grid-template-columns:1fr}.contact-v2-hero aside{display:none}}
@media(max-width:650px){.contact-v2-hero{height:245px;background-position:65% center}.contact-v2-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffaf2fa,#fffaf2b8 72%,transparent)}.contact-v2-hero .wrap{z-index:1}.contact-v2-breadcrumb{left:0}.contact-v2-hero h1{font-size:42px}.contact-v2-hero p{font-size:13px;max-width:78%}.contact-v2-cards{grid-template-columns:1fr}.contact-v2-card{min-height:150px}.contact-v2-lower{margin-top:10px}.contact-v2-schedule{width:100%;height:auto;display:grid;gap:10px}.contact-v2-schedule i{display:none}.contact-v2-hours>em{display:none}.contact-v2-channel-grid{grid-template-columns:1fr}.contact-v2-channel-grid>a,.contact-v2-channel-grid>div{min-height:58px}}
@media(max-width:700px){.citizen-register-body .citizen-register-shell{min-height:calc(100vh - 72px);padding:22px 12px;background-position:60% center}.citizen-register-body .citizen-register-card{width:min(520px,100%);padding:29px 24px 23px}.citizen-register-body .register-card-illustration{right:15px;top:49px;width:108px;height:90px}.citizen-register-body .citizen-register-card h1{font-size:30px;max-width:290px}.citizen-register-body .citizen-register-card>p{max-width:340px;padding-right:45px}.citizen-register-body .register-input{height:47px}.citizen-register-body .register-input input{height:45px}}
@media(max-width:420px){.citizen-register-body .citizen-register-shell{padding:14px 8px}.citizen-register-body .citizen-register-card{padding:25px 18px 21px;border-radius:18px}.citizen-register-body .register-card-illustration{display:none}.citizen-register-body .citizen-register-card h1{font-size:28px;margin-top:17px}.citizen-register-body .citizen-register-card>p{padding-right:0;font-size:13px}.citizen-register-body .citizen-register-card form label{margin-top:12px}.citizen-register-body .register-submit{margin-top:18px}}
.portal-body .portal-footer.footer-image{width:100%;margin:12px 0 0;padding:8px;background:#fffaf2;border-radius:0}.portal-body .portal-footer.footer-image img{width:calc(100% - 16px);max-width:none;height:clamp(210px,16vw,285px);margin:0 auto;border-radius:16px;object-fit:fill;box-shadow:0 7px 22px #5133160d}
@media(max-width:900px){.portal-body .portal-footer.footer-image{margin-top:8px;padding:6px}.portal-body .portal-footer.footer-image img{width:calc(100% - 10px);height:clamp(185px,27vw,250px);border-radius:13px}}
@media(max-width:650px){.portal-body .portal-footer.footer-image{padding:4px}.portal-body .portal-footer.footer-image img{width:calc(100% - 6px);height:clamp(165px,38vw,220px);border-radius:10px}}
.portal-body .portal-footer.footer-image{display:block;min-height:0;margin:24px 0 0;padding:16px 0;background:#fffaf2;border:0;overflow:hidden}.portal-body .portal-footer.footer-image img{display:block;width:min(1520px,calc(100% - 48px));max-width:1520px;height:auto;margin:0 auto;border-radius:26px;object-fit:initial;box-shadow:0 10px 30px #51331610}
@media(max-width:900px){.portal-body .portal-footer.footer-image{padding:12px 0}.portal-body .portal-footer.footer-image img{width:calc(100% - 28px);max-width:none;height:auto;border-radius:18px}}
@media(max-width:650px){.portal-body .portal-footer.footer-image{margin-top:16px;padding:8px 0}.portal-body .portal-footer.footer-image img{width:calc(100% - 20px);height:auto;border-radius:13px}}
.citizen-register-card .register-input select{width:100%;height:100%;border:0;background:transparent;color:#17345e;font:inherit;outline:0}