*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--brand-dark: #011e3c;--brand-mid: #0450a8;--brand-light: #1a6fd4;--text-primary:#0f172a;--text-muted: #64748b;--border: #e2e8f0;--surface: #ffffff;--bg: #f8fafc;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 4px rgba(0,0,0,.07);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--nav-h: 68px}body.homepage-body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text-primary);min-height:100vh;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.top-navbar{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--nav-h);background:linear-gradient(135deg,#022a54,#0450a8 60%,#0d5fc4);box-shadow:0 2px 16px #022a5459;border-bottom:1px solid rgba(255,255,255,.08)}.navbar-container{max-width:1280px;margin:0 auto;padding:0 32px;height:100%;display:flex;align-items:center}.navbar-left{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}.navbar-logo{width:40px;height:40px;border-radius:50%;background:#fff;padding:3px;object-fit:cover;box-shadow:0 0 0 2px #ffffff40;flex-shrink:0}.navbar-title{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.01em;white-space:nowrap}.navbar-links{display:flex;align-items:center;gap:2px;margin-left:auto}.nav-link{color:#ffffffd1;font-size:15px;font-weight:500;text-decoration:none;padding:8px 16px;border-radius:8px;transition:color .15s,background .15s;white-space:nowrap}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link.active{color:#fff;font-weight:600;background:#ffffff1f}.navbar-right{display:flex;align-items:center;gap:10px;margin-left:16px;flex-shrink:0}.nav-btn{font-size:15px;font-weight:600;text-decoration:none;padding:9px 26px;border-radius:8px;border:none;cursor:pointer;transition:all .18s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.nav-btn.solid{background:#fff;color:#022a54;box-shadow:0 2px 8px #0000002e}.nav-btn.solid:hover{background:#e8f0ff;transform:translateY(-1px);box-shadow:0 4px 14px #00000038}.nav-btn.outline{background:transparent;color:#ffffffd9;border:1.5px solid rgba(255,255,255,.35)}.nav-btn.outline:hover{background:#ffffff1a;border-color:#ffffffa6;color:#fff}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;margin-left:8px}.nav-hamburger span{display:block;width:22px;height:2px;background:#ffffffd9;border-radius:2px;transition:all .2s}.nav-drawer{display:none;position:fixed;top:var(--nav-h);left:0;right:0;background:linear-gradient(180deg,#022a54,#0450a8);border-bottom:1px solid rgba(255,255,255,.1);padding:14px 24px 20px;z-index:199;flex-direction:column;gap:2px;box-shadow:0 8px 24px #00000040;animation:drawerIn .2s ease}.nav-drawer.open{display:flex}@keyframes drawerIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-drawer .nav-link{padding:11px 14px;font-size:15px;border-radius:8px}.nav-drawer-actions{display:flex;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.nav-drawer-actions .nav-btn{flex:1;text-align:center;justify-content:center}.dashboard-main{padding-top:calc(var(--nav-h) + 28px);padding-bottom:48px}.dashboard-container{max-width:1280px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}.feed-section{display:flex;flex-direction:column;gap:20px}.feed-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 28px;box-shadow:var(--shadow-sm)}.feed-header h1{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.feed-header p{color:var(--text-muted);font-size:14px;margin-bottom:18px}.feed-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.filter-tab{padding:7px 18px;border:1.5px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease}.filter-tab:hover{border-color:var(--brand-mid);color:var(--brand-mid)}.filter-tab.active{background:var(--brand-mid);border-color:var(--brand-mid);color:#fff;box-shadow:0 2px 8px #0450a84d}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.post-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover}.post-author{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.post-meta{display:flex;align-items:center;gap:8px;font-size:13px}.post-type{padding:3px 10px;border-radius:999px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.post-type.activity{background:#dcfce7;color:#15803d}.post-type.event{background:#fef3c7;color:#b45309}.post-type.announcement{background:#dbeafe;color:#1d4ed8}.post-type.program{background:#f3e8ff;color:#7c3aed}.post-time{color:var(--text-muted)}.post-title{font-size:19px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.post-text{font-size:14px;line-height:1.65;color:#475569;margin-bottom:16px}.post-image{margin-bottom:16px}.image-placeholder{border:1.5px dashed #cbd5e1;background:#f8fafc;border-radius:var(--radius-md);min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#94a3b8}.image-placeholder svg{width:36px;height:36px}.image-placeholder span{font-size:13px}.image-collage{display:grid;gap:4px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:16px;background:#f1f5f9}.image-collage.collage-1{grid-template-columns:1fr}.image-collage.collage-2{grid-template-columns:1fr 1fr}.image-collage.collage-3{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.image-collage.collage-3 .collage-item:first-child{grid-row:1 / 3}.image-collage.collage-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.collage-item{position:relative;overflow:hidden;background:#e2e8f0;min-height:200px;cursor:pointer;transition:transform .2s ease}.collage-item:hover{transform:scale(1.02)}.collage-item img{width:100%;height:100%;object-fit:cover;display:block}.collage-item.more-overlay{display:flex;align-items:center;justify-content:center;background:#0009;position:relative}.collage-item.more-overlay:after{content:attr(data-count);font-size:32px;font-weight:800;color:#fff;text-align:center}.collage-more-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000a6;color:#fff;font-size:28px;font-weight:800;cursor:pointer;transition:background .2s ease}.collage-more-text:hover{background:#000000bf}.image-gallery-modal{display:none;position:fixed;inset:0;z-index:2000;align-items:center;justify-content:center;background:#000000e6}.image-gallery-modal.active{display:flex}.gallery-container{position:relative;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;animation:galleryIn .3s ease;background:#1a1a1a;border-radius:var(--radius-lg);overflow:hidden}@keyframes galleryIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.gallery-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.gallery-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.gallery-user-info{flex:1;min-width:0}.gallery-user-name{font-size:14px;font-weight:600;color:#fff;margin:0}.gallery-post-time{font-size:12px;color:#fff9;margin:2px 0 0}.gallery-caption{padding:12px 20px;color:#ffffffd9;font-size:14px;line-height:1.5;border-bottom:1px solid rgba(255,255,255,.1);max-height:80px;overflow-y:auto}.gallery-main{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.gallery-main img{max-width:100%;max-height:100%;object-fit:contain}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 16px;pointer-events:none}.gallery-btn{width:44px;height:44px;border-radius:50%;background:#fff3;border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;pointer-events:all}.gallery-btn:hover{background:#ffffff59}.gallery-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#fff3;border:none;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.gallery-close:hover{background:#ffffff59}.gallery-counter{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#0009;color:#fff;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600}.gallery-thumbnails{display:flex;gap:8px;padding:12px 20px;overflow-x:auto;background:#1a1a1a;border-top:1px solid rgba(255,255,255,.1)}.gallery-thumb{width:60px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;flex-shrink:0}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-thumb.active{border-color:#fff}.gallery-thumb:hover{border-color:#ffffff80}.post-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.detail-item{display:flex;align-items:center;gap:7px;color:#475569;font-size:13px}.detail-item svg{width:16px;height:16px;color:var(--brand-mid);flex-shrink:0}.program-info{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.info-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f1f5f9;border-radius:999px;font-size:12px;color:#475569;font-weight:600}.info-badge svg{width:14px;height:14px;color:var(--brand-mid)}.view-details-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--brand-mid);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.view-details-btn:hover{background:var(--brand-dark);box-shadow:0 4px 14px #0450a859;transform:translateY(-1px)}.view-details-btn svg{width:15px;height:15px}.post-actions{display:flex;gap:8px;padding-top:14px;border-top:1px solid var(--border);margin-top:14px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .18s ease}.action-btn svg{width:17px;height:17px}.action-btn:hover{background:#f1f5f9;color:var(--brand-mid)}.empty-state{text-align:center;padding:48px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-muted)}.empty-state h3{font-size:18px;color:#334155;margin-bottom:6px}.programs-sidebar{position:sticky;top:calc(var(--nav-h) + 16px)}.sidebar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm)}.sidebar-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:3px}.sidebar-subtitle{font-size:12px;color:var(--text-muted);margin-bottom:16px}.program-categories{display:flex;flex-direction:column;gap:6px}.program-category{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .18s ease}.program-category:hover,.program-category:focus-visible{background:#eff6ff;border-color:#bfdbfe;box-shadow:0 0 0 2px #0450a81f;outline:none}.program-category:hover .category-content h3,.program-category:focus-visible .category-content h3{color:var(--brand-mid)}.program-category:hover .chevron,.program-category:focus-visible .chevron{color:var(--brand-mid)}.category-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-icon svg{width:18px;height:18px;color:#fff}.category-icon.education{background:linear-gradient(135deg,#0450a8,#1a6fd4)}.category-icon.anti-drugs{background:linear-gradient(135deg,#ef4444,#ec4899)}.category-icon.agriculture{background:linear-gradient(135deg,#22c55e,#16a34a)}.category-icon.disaster{background:linear-gradient(135deg,#f97316,#ef4444)}.category-icon.sports{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.category-icon.gender{background:linear-gradient(135deg,#a855f7,#ec4899)}.category-icon.health{background:linear-gradient(135deg,#ef4444,#f97316)}.category-icon.environment{background:linear-gradient(135deg,#22c55e,#14b8a6)}.category-icon.livelihood{background:linear-gradient(135deg,#f59e0b,#f97316)}.category-icon.others{background:linear-gradient(135deg,#64748b,#475569)}.category-content{flex:1}.category-content h3{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:1px;transition:color .18s}.category-content p{font-size:11px;color:var(--text-muted)}.chevron{width:16px;height:16px;color:#cbd5e1;transition:color .18s;flex-shrink:0}.barangay-profiles-list{display:flex;flex-direction:column;gap:6px}.brgy-profile-item{display:flex;align-items:center;gap:10px;padding:9px 10px;background:var(--bg);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .18s ease}.brgy-profile-item:hover{background:#eff6ff;border-color:#bfdbfe}.brgy-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0}.brgy-info{flex:1;min-width:0}.brgy-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brgy-chair{font-size:11px;color:var(--text-muted);margin-top:1px}.program-modal{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center}.program-modal.active{display:flex}.modal-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{position:relative;background:#fff;border-radius:var(--radius-lg);width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalIn .25s ease;box-shadow:0 20px 60px #0003}@keyframes modalIn{0%{opacity:0;transform:scale(.93) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{width:32px;height:32px;border:none;background:#ffffff26;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease}.modal-close svg{width:16px;height:16px;color:#fff}.modal-close:hover{background:#ffffff4d}.modal-body{padding:24px;overflow-y:auto}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-block;text-align:center}.btn-primary{background:var(--brand-mid);color:#fff}.btn-primary:hover{background:var(--brand-dark);box-shadow:0 4px 14px #0450a859}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover{background:#e2e8f0}@media(max-width:1100px){.dashboard-container{grid-template-columns:1fr}.programs-sidebar{position:static}.sidebar-card:has(.barangay-profiles-list){display:none}}@media(max-width:900px){.navbar-links{display:none}.nav-hamburger{display:flex}}@media(max-width:768px){.dashboard-main{padding-top:calc(var(--nav-h) + 16px);padding-bottom:32px}.dashboard-container{padding:0 16px;gap:16px}.post-card{padding:18px}.feed-header{padding:18px 20px}.navbar-container{padding:0 18px}}@media(max-width:480px){.navbar-title{font-size:15px}.navbar-logo{width:34px;height:34px}.nav-btn{padding:8px 16px;font-size:13px}.feed-header h1{font-size:19px}.post-title{font-size:17px}.post-actions{flex-direction:column}}.community-modal-banner{background:linear-gradient(135deg,#022a54,#0450a8 55%,#667eea);padding:36px 28px 28px;text-align:center;position:relative;overflow:hidden;border-radius:20px 20px 0 0}.community-modal-banner .modal-close{position:absolute;top:14px;right:14px;background:#ffffff2e;border-radius:50%;width:34px;height:34px}.community-modal-banner .modal-close svg{color:#fff}.community-modal-banner .modal-close:hover{background:#ffffff52}.community-modal-emoji{font-size:52px;margin-bottom:14px;position:relative;z-index:1;line-height:1}.community-modal-title{font-size:22px;font-weight:800;color:#fff;margin-bottom:8px;position:relative;z-index:1}.community-modal-sub{font-size:14px;color:#fffc;line-height:1.55;position:relative;z-index:1;max-width:320px;margin:0 auto}.community-modal-body{padding:24px 28px 28px!important}.community-modal-desc{text-align:center;color:#475569;font-size:15px;line-height:1.65;margin-bottom:20px}.community-modal-highlight{color:#0450a8;font-weight:700}.community-modal-perks{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.community-perk-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#475569}.community-perk-icon{width:32px;height:32px;border-radius:50%;background:#eff6ff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.community-modal-login-btn{display:block;width:100%;padding:14px 0;background:#0450a8;color:#fff;font-size:16px;font-weight:700;text-align:center;text-decoration:none;border-radius:10px;transition:background .18s,transform .18s,box-shadow .18s;box-shadow:0 4px 14px #0450a84d}.community-modal-login-btn:hover{background:#022a54;transform:translateY(-1px);box-shadow:0 6px 20px #0450a866;color:#fff}html,body.homepage-body.kabataan-homepage{overflow-x:hidden}body.homepage-body.kabataan-homepage{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(circle at top left,rgba(4,80,168,.12),transparent 30%),radial-gradient(circle at top right,rgba(45,212,191,.1),transparent 26%),linear-gradient(180deg,#f7fbff,#fff 18%,#f7fafc);color:#0f172a}body.homepage-body.kabataan-homepage:before,body.homepage-body.kabataan-homepage:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:0;border-radius:999px;filter:blur(10px);opacity:.45}body.homepage-body.kabataan-homepage:before{width:260px;height:260px;right:-120px;top:140px;background:#0450a81f}body.homepage-body.kabataan-homepage:after{width:340px;height:340px;left:-160px;bottom:140px;background:#10b9811a}.kabataan-shell{width:min(1200px,calc(100% - 32px));margin:0 auto;position:relative;z-index:1}.kabataan-nav{position:fixed;top:0;left:0;right:0;z-index:300;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border-bottom:1px solid rgba(148,163,184,.16);box-shadow:0 10px 30px #0f172a14}.kabataan-nav-inner{width:min(1200px,calc(100% - 32px));margin:0 auto;min-height:72px;display:flex;align-items:center;gap:20px}.kabataan-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit;flex-shrink:0}.kabataan-brand-logo{width:48px;height:48px;border-radius:16px;object-fit:contain;padding:4px;box-shadow:0 10px 24px #0450a82e;background:#fff}.kabataan-brand-copy{display:flex;flex-direction:column;line-height:1.1}.kabataan-brand-copy strong{font-family:Poppins,Inter,sans-serif;font-size:1.03rem;letter-spacing:-.03em}.kabataan-brand-copy small{color:#64748b;font-size:.78rem}.kabataan-nav-links{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0}.kabataan-nav-link{color:#475569;text-decoration:none;font-weight:600;font-size:.88rem;padding:8px 10px;border-radius:999px;transition:color .18s ease,background-color .18s ease;white-space:nowrap}.kabataan-nav-link:hover,.kabataan-nav-link.active{color:#0450a8;background:#0450a814}.kabataan-nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}.kabataan-nav-secondary,.kabataan-nav-primary,.kabataan-button,.kabataan-chip-button,.kabataan-tab,.kabataan-text-link{text-decoration:none}.kabataan-nav-secondary,.kabataan-nav-primary{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border-radius:999px;font-weight:700;font-size:.8rem;transition:box-shadow .18s ease,background-color .18s ease,color .18s ease}.kabataan-nav-secondary{color:#0450a8;background:#0450a814}.kabataan-nav-secondary:hover,.kabataan-nav-primary{color:#fff;background:linear-gradient(135deg,#0450a8,#0d5fc4);box-shadow:0 8px 20px #0450a833}.kabataan-nav-secondary:hover,.kabataan-nav-primary:hover,.kabataan-button:hover,.kabataan-text-link:hover{box-shadow:0 8px 20px #0450a838}.kabataan-nav-toggle{display:none;width:52px;height:52px;border:none;background:transparent;border-radius:14px;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:background .15s ease}.kabataan-nav-toggle.is-active{background:#0f172a0d}.kabataan-nav-toggle span{width:22px;height:2.5px;background:#0f172a;border-radius:999px}.kabataan-drawer{position:fixed;inset:72px 16px auto;z-index:320;display:none;flex-direction:column;gap:6px;padding:16px;border-radius:24px;background:#fffffff5;border:1px solid rgba(148,163,184,.16);box-shadow:0 24px 60px #0f172a29;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.kabataan-drawer.open{display:flex;animation:drawerSlideIn .22s ease}@keyframes drawerSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.kabataan-drawer-link{color:#0f172a;text-decoration:none;font-weight:600;padding:12px 14px;border-radius:14px;background:#f8fafce6}.kabataan-drawer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:8px}.kabataan-main{padding-top:0;position:relative;z-index:1}.kabataan-hero{position:relative;overflow:hidden;padding:104px 0 56px}.kabataan-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(4,80,168,.16),transparent 42%),radial-gradient(circle at 88% 8%,rgba(16,185,129,.1),transparent 36%),linear-gradient(180deg,#eef5ff,#f8fafc 72%);pointer-events:none}.kabataan-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:36px;align-items:center}.kabataan-hero-copy,.kabataan-hero-visual{min-width:0}.kabataan-hero-copy{padding:8px 0}.kabataan-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#0450a814;color:#0450a8;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.kabataan-hero h1{margin:20px 0 16px;font-family:Poppins,Inter,sans-serif;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.08;letter-spacing:-.04em;color:#081225;max-width:16ch}.kabataan-hero-text,.kabataan-section-heading p,.kabataan-program-body p,.kabataan-barangay-body p,.kabataan-faq-card p,.kabataan-contact-copy p,.kabataan-contact-card p{color:#475569;line-height:1.7;font-size:1rem}.kabataan-hero-text{max-width:60ch;font-size:1.05rem}.kabataan-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.kabataan-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:16px;font-weight:800;font-size:.98rem;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.kabataan-button-primary{color:#fff;background:linear-gradient(135deg,#0d5fc4,#0450a8);box-shadow:0 18px 34px #0450a83d}.kabataan-button-secondary{color:#0f172a;background:#ffffffb8;border-color:#94a3b83d}.kabataan-button-sm{min-height:44px;padding:0 16px;font-size:.9rem;border-radius:14px}.kabataan-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px}.kabataan-stat-pill{padding:16px 14px;border-radius:20px;background:#ffffffd1;border:1px solid rgba(148,163,184,.16);box-shadow:0 16px 34px #0f172a0f}.kabataan-stat-pill span{display:block;font-family:Poppins,Inter,sans-serif;font-size:1.15rem;font-weight:800;color:#081225}.kabataan-stat-pill small{color:#64748b;font-size:.8rem}.kabataan-hero-visual{position:relative;padding:0}.kabataan-hero-panel{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 22px 20px;border-radius:24px;background:#fffffff0;border:1px solid rgba(148,163,184,.18);box-shadow:0 20px 48px #0f172a1a}.kabataan-hero-logo{width:64px;height:64px;border-radius:18px;object-fit:contain;padding:6px;background:#fff;box-shadow:0 10px 24px #0450a829}.kabataan-hero-panel-lead{margin:0;color:#334155;line-height:1.6;font-size:.98rem;font-weight:600}.kabataan-hero-points{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.kabataan-hero-points li{position:relative;padding-left:22px;color:#334155;font-size:.95rem;line-height:1.5}.kabataan-hero-points li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:#0450a8}.kabataan-hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:12px 0 0}.kabataan-hero-facts div{margin:0;padding:12px 10px;border-radius:16px;background:#f1f5f9;text-align:center}.kabataan-hero-facts dt{font-family:Poppins,Inter,sans-serif;font-size:1.15rem;font-weight:800;color:#0450a8}.kabataan-hero-facts dd{margin:2px 0 0;font-size:.75rem;color:#64748b;font-weight:600}.kabataan-float-card{position:absolute;left:0;bottom:-10px;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;background:#ffffffeb;border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 38px #0f172a29}.kabataan-float-card span{display:block;color:#64748b;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.kabataan-float-card strong{display:block;font-size:1.5rem;color:#081225;font-family:Poppins,Inter,sans-serif}.kabataan-float-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#10b981,#0450a8);box-shadow:0 12px 28px #10b9813d}.kabataan-float-icon svg{width:22px;height:22px}.kabataan-section{padding:56px 0}.kabataan-section-alt{background:#f4f8fd}.kabataan-section-heading{max-width:760px;margin-bottom:28px}.kabataan-section-heading h2{margin:12px 0 8px;font-family:Poppins,Inter,sans-serif;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.12;letter-spacing:-.04em;color:#081225}.kabataan-section-heading--center{text-align:center;max-width:640px;margin-left:auto;margin-right:auto}.kabataan-section-heading--center p{margin-left:auto;margin-right:auto}.kabataan-section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:18px}.kabataan-section-heading-row>div{max-width:760px}.kabataan-text-link{color:#0450a8;font-weight:800;font-size:.95rem;white-space:nowrap}.kabataan-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.kabataan-value-card,.kabataan-program-card,.kabataan-barangay-card,.kabataan-faq-card,.kabataan-contact-card{background:#ffffffeb;border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 34px #0f172a0f}.kabataan-value-card{padding:26px;border-radius:24px;transition:transform .18s ease,box-shadow .18s ease}.kabataan-value-card:hover,.kabataan-program-card:hover,.kabataan-barangay-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px #0f172a1a}.kabataan-value-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#0450a81f,#10b9811a);color:#0450a8;margin-bottom:18px}.kabataan-value-icon svg{width:26px;height:26px}.kabataan-value-card h3,.kabataan-program-body h3,.kabataan-barangay-body h3,.kabataan-contact-card h3{margin:0 0 10px;color:#081225;font-family:Poppins,Inter,sans-serif;letter-spacing:-.03em}.kabataan-value-card p{margin:0;color:#475569;line-height:1.65;font-size:.95rem}.kabataan-explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.kabataan-explore-card{display:flex;flex-direction:column;gap:10px;min-height:100%;padding:24px 22px;border-radius:24px;background:#fff;border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 34px #0f172a0f;text-decoration:none;color:inherit}.kabataan-explore-card:hover,.kabataan-explore-card:focus-visible{border-color:#0450a859;box-shadow:0 22px 44px #0f172a1a}.kabataan-explore-card:focus-visible{outline:2px solid #0450a8;outline-offset:3px}.kabataan-explore-card h3{margin:0;font-family:Poppins,Inter,sans-serif;font-size:1.15rem;color:#081225}.kabataan-explore-card p{margin:0;flex:1;color:#475569;line-height:1.6;font-size:.95rem}.kabataan-explore-card span{font-size:.9rem;font-weight:800;color:#0450a8}.kabataan-explore-card.kabataan-explore-card--static{cursor:default}.kabataan-explore-card.kabataan-explore-card--static:hover,.kabataan-explore-card.kabataan-explore-card--static:focus-visible{border-color:#94a3b829;box-shadow:0 18px 34px #0f172a0f}.kabataan-kk-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:22px;align-items:stretch;margin-bottom:36px;padding:28px 26px;border-radius:24px;background:#fff;border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 34px #0f172a0f}.kabataan-kk-panel-copy h3{margin:12px 0 10px;font-family:Poppins,Inter,sans-serif;font-size:clamp(1.25rem,2.2vw,1.55rem);letter-spacing:-.03em;color:#081225}.kabataan-kk-panel-copy p{margin:0;color:#475569;line-height:1.65;font-size:.98rem}.kabataan-kk-points{margin:0;padding:0;list-style:none;display:grid;gap:12px}.kabataan-kk-points li{margin:0;padding:14px 16px;border-radius:16px;background:#f8fafc;border:1px solid rgba(148,163,184,.14)}.kabataan-kk-points strong{display:block;margin-bottom:4px;color:#081225;font-size:.95rem}.kabataan-kk-points span{display:block;color:#475569;font-size:.9rem;line-height:1.5}.kabataan-about-subhead{margin:0 0 16px;font-family:Poppins,Inter,sans-serif;font-size:1.15rem;color:#081225;text-align:center}.kabataan-about-join{margin-bottom:28px}.kabataan-trust-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.kabataan-trust-list li{margin:0;padding:14px 16px;border-radius:16px;background:#f8fafc;border:1px solid rgba(148,163,184,.16);color:#334155;font-size:.9rem;font-weight:600;line-height:1.45;text-align:center}.kabataan-program-grid,.kabataan-barangay-grid,.kabataan-faq-grid,.kabataan-contact-grid-cards{display:grid;gap:18px}.kabataan-program-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kabataan-program-card{border-radius:24px;overflow:hidden}.kabataan-program-media{position:relative;aspect-ratio:4 / 3;overflow:hidden}.kabataan-program-media img,.kabataan-barangay-card>img{width:100%;height:100%;object-fit:cover;display:block}.kabataan-program-media:after,.kabataan-barangay-card>img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,rgba(15,23,42,.36) 100%)}.kabataan-badge{position:absolute;left:16px;top:16px;padding:7px 12px;border-radius:999px;color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 12px 24px #0f172a2e}.kabataan-badge-education,.kabataan-barangay-type.badge-blue{background:linear-gradient(135deg,#0450a8,#1a6fd4)}.kabataan-badge-sports,.kabataan-barangay-type.badge-green{background:linear-gradient(135deg,#16a34a,#22c55e)}.kabataan-badge-health,.kabataan-barangay-type.badge-emerald{background:linear-gradient(135deg,#0f766e,#14b8a6)}.kabataan-badge-livelihood,.kabataan-barangay-type.badge-orange{background:linear-gradient(135deg,#ea580c,#f97316)}.kabataan-barangay-type.badge-slate{background:linear-gradient(135deg,#475569,#64748b)}.kabataan-barangay-type.badge-cyan{background:linear-gradient(135deg,#0891b2,#06b6d4)}.kabataan-barangay-type.badge-blue,.kabataan-barangay-type.badge-green,.kabataan-barangay-type.badge-emerald,.kabataan-barangay-type.badge-orange,.kabataan-barangay-type.badge-slate,.kabataan-barangay-type.badge-cyan{color:#fff}.kabataan-program-body,.kabataan-barangay-body{padding:22px}.kabataan-program-location{margin-bottom:10px;color:#0450a8;font-size:.9rem;font-weight:700}.kabataan-program-body h3,.kabataan-barangay-body h3{font-size:1.18rem;line-height:1.2}.kabataan-program-meta,.kabataan-barangay-meta,.kabataan-discovery-summary,.kabataan-discovery-footer,.kabataan-footer-inner,.kabataan-barangay-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.kabataan-program-meta,.kabataan-barangay-meta{flex-wrap:wrap;margin-top:18px;color:#475569;font-size:.9rem}.kabataan-progress{margin-top:16px;height:10px;border-radius:999px;background:#94a3b829;overflow:hidden}.kabataan-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(135deg,#0450a8,#10b981)}.kabataan-program-actions,.kabataan-barangay-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.kabataan-discovery-toolbar{display:grid;gap:16px;margin-bottom:16px}.kabataan-tab-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.kabataan-tab{flex-shrink:0;border:1px solid rgba(148,163,184,.22);background:#ffffffe0;color:#334155;border-radius:999px;padding:10px 16px;font-size:.93rem;font-weight:700;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease,border-color .18s ease}.kabataan-tab:hover,.kabataan-tab.active{background:linear-gradient(135deg,#0450a8,#0d5fc4);color:#fff;border-color:transparent;transform:translateY(-1px)}.kabataan-search{display:flex;align-items:center;gap:12px;padding:0 16px;min-height:54px;border-radius:18px;background:#ffffffe0;border:1px solid rgba(148,163,184,.2)}.kabataan-search input{width:100%;border:none;background:transparent;outline:none;font:inherit;color:#0f172a}.kabataan-discovery-summary,.kabataan-discovery-footer{color:#64748b;font-size:.92rem;margin-bottom:18px}.kabataan-barangay-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kabataan-barangay-card{border-radius:24px;overflow:hidden}.kabataan-barangay-top{padding:18px 18px 0;align-items:start}.kabataan-barangay-name{display:block;color:#0450a8;font-size:.95rem;font-weight:800;margin-bottom:6px}.kabataan-barangay-type{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;color:#fff;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.kabataan-barangay-category{color:#64748b;font-size:.84rem;font-weight:700;white-space:nowrap}.kabataan-barangay-card>img{margin-top:16px;aspect-ratio:16 / 10}.kabataan-barangay-body p{margin-top:2px}.kabataan-chip-button{min-height:42px;padding:0 14px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:#f8fafce6;color:#334155;font-weight:700;cursor:pointer}.kabataan-chip-button:hover{background:#0450a814;color:#0450a8}.kabataan-discovery-footer{margin-top:20px;margin-bottom:0;flex-wrap:wrap}.kabataan-faq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kabataan-faq-card{border-radius:22px;padding:22px}.kabataan-faq-card summary{list-style:none;cursor:pointer;font-family:Poppins,Inter,sans-serif;font-size:1rem;font-weight:700;color:#081225}.kabataan-faq-card summary::-webkit-details-marker{display:none}.kabataan-faq-card[open] summary{margin-bottom:10px}.kabataan-contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}.kabataan-contact .contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}.kabataan-contact .contact-form{margin-top:0}.kabataan-contact .contact-info-cards{gap:14px}.kabataan-contact-copy h2{margin:14px 0 10px;font-family:Poppins,Inter,sans-serif;font-size:clamp(2rem,3vw,3rem);line-height:1.05;letter-spacing:-.05em;color:#081225}.kabataan-contact-grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.kabataan-contact-card{padding:22px;border-radius:22px}.kabataan-contact-icon{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#0450a81a,#10b9811f);margin-bottom:18px;font-size:1.35rem}.kabataan-footer{padding:20px 0 34px}.kabataan-footer-inner{flex-wrap:wrap;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(148,163,184,.18);color:#64748b;font-size:.92rem}.kabataan-footer-brand{display:flex;align-items:center;gap:12px}.kabataan-footer-logo{width:42px;height:42px;border-radius:14px;object-fit:contain;padding:4px;background:#fff}.kabataan-footer-brand strong{display:block;color:#081225}.kabataan-footer-brand p{margin:4px 0 0}@media(max-width:1100px){.kabataan-hero-grid,.kabataan-contact-grid,.kabataan-contact .contact-grid{grid-template-columns:1fr}.kabataan-program-grid,.kabataan-barangay-grid,.kabataan-faq-grid,.kabataan-value-grid,.kabataan-explore-grid,.kabataan-trust-list{grid-template-columns:repeat(2,minmax(0,1fr))}.kabataan-kk-panel{grid-template-columns:1fr;padding:22px 20px}}@media(max-width:1199.98px){.kabataan-nav-links{display:none}.kabataan-nav-toggle{display:inline-flex;margin-left:0}}@media(max-width:900px){.kabataan-hero{padding-top:96px}.kabataan-hero-panel{padding:22px 20px 20px}.kabataan-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.kabataan-section-heading-row{align-items:start;flex-direction:column}}@media(max-width:768px){.kabataan-shell,.kabataan-nav-inner{width:min(100%,calc(100% - 24px))}.kabataan-hero h1{max-width:none}.kabataan-program-grid,.kabataan-barangay-grid,.kabataan-faq-grid,.kabataan-contact-grid-cards,.kabataan-value-grid,.kabataan-explore-grid,.kabataan-kk-panel{grid-template-columns:1fr}.kabataan-hero-actions,.kabataan-program-actions,.kabataan-barangay-actions,.kabataan-footer-inner{flex-direction:column;align-items:stretch}.kabataan-button,.kabataan-text-link{width:100%}}@media(max-width:560px){.kabataan-nav-inner{min-height:66px;gap:10px}.kabataan-brand-logo{width:40px;height:40px;border-radius:12px}.kabataan-brand-copy small{display:none}.kabataan-hero h1{font-size:clamp(1.85rem,9vw,2.6rem)}.kabataan-hero-text,.kabataan-section-heading p,.kabataan-contact-copy p{font-size:.96rem}.kabataan-hero-stats,.kabataan-trust-list{grid-template-columns:1fr}.kabataan-tab-row{gap:8px}.kabataan-tab{padding:9px 13px;font-size:.9rem}.kabataan-drawer{inset:68px 10px auto;padding:12px}}.kabataan-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.kabataan-modal.open{opacity:1;visibility:visible}.kabataan-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0450a8d9,#0d5fc4e6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.kabataan-modal-content{position:relative;z-index:1;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;padding:2.5rem;max-width:520px;width:90%;box-shadow:0 25px 80px #0450a866,0 0 0 1px #ffffff80;animation:modalBounceIn .5s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden}@keyframes modalBounceIn{0%{opacity:0;transform:scale(.3) translateY(-50px)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1) translateY(0)}}.kabataan-modal-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.modal-sparkle{position:absolute;font-size:1.5rem;animation:sparkleFloat 3s ease-in-out infinite;opacity:.6}.modal-sparkle-1{top:10%;left:10%;animation-delay:0s}.modal-sparkle-2{top:20%;right:15%;animation-delay:1s}.modal-sparkle-3{bottom:15%;left:15%;animation-delay:2s}@keyframes sparkleFloat{0%,to{transform:translateY(0) rotate(0);opacity:.4}50%{transform:translateY(-15px) rotate(180deg);opacity:.8}}.kabataan-modal-close{position:absolute;top:1rem;right:1rem;background:#ffffffe6;border:2px solid #e2e8f0;cursor:pointer;padding:.5rem;color:#64748b;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:10}.kabataan-modal-close:hover{color:#0f172a;background:#fff;border-color:#cbd5e1;transform:rotate(90deg)}.kabataan-modal-close svg{width:20px;height:20px}.kabataan-modal-emoji{font-size:4rem;text-align:center;margin-bottom:1rem;animation:emojiPop .6s cubic-bezier(.68,-.55,.265,1.55) .3s both;filter:drop-shadow(0 4px 12px rgba(4,80,168,.2))}@keyframes emojiPop{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.kabataan-modal-header{margin-bottom:1.5rem;text-align:center;padding:0 1rem}.kabataan-modal-header h3{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#0450a8,#0d5fc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1.2;animation:slideInDown .5s ease .4s both}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.kabataan-modal-header p{font-size:1rem;color:#64748b;font-weight:600;animation:slideInDown .5s ease .5s both}.kabataan-modal-body{margin-bottom:2rem;text-align:center;animation:fadeIn .5s ease .6s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.kabataan-modal-body p{font-size:1rem;color:#475569;line-height:1.7;padding:0 .5rem}.kabataan-modal-actions{display:flex;gap:.75rem;justify-content:center;animation:slideInUp .5s ease .7s both}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kabataan-modal-btn{padding:.875rem 1.75rem;border-radius:14px;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);font-family:inherit;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.kabataan-modal-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.kabataan-modal-btn:active:before{width:300px;height:300px}.kabataan-modal-btn-secondary{background:#fff;color:#64748b;border:2px solid #e2e8f0}.kabataan-modal-btn-secondary:hover{background:#f8fafc;color:#475569;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.kabataan-modal-btn-primary{background:linear-gradient(135deg,#0450a8,#0d5fc4);color:#fff;box-shadow:0 6px 20px #0450a866;border:2px solid transparent}.kabataan-modal-btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #0450a880}.kabataan-modal-btn-primary:active{transform:translateY(-1px) scale(.98)}.kabataan-modal-btn-primary svg{width:20px;height:20px;transition:transform .3s ease}.kabataan-modal-btn-primary:hover svg{transform:translate(4px)}@media(max-width:640px){.kabataan-modal-content{padding:2rem 1.5rem;max-width:95%;border-radius:20px}.kabataan-modal-emoji{font-size:3rem}.kabataan-modal-header h3{font-size:1.5rem}.kabataan-modal-header p,.kabataan-modal-body p{font-size:.95rem}.kabataan-modal-actions{flex-direction:column}.kabataan-modal-btn{width:100%;justify-content:center}.modal-sparkle{font-size:1.2rem}}@keyframes buttonPulse{0%,to{box-shadow:0 6px 20px #0450a866}50%{box-shadow:0 6px 25px #0450a899}}.kabataan-modal-btn-primary{animation:buttonPulse 2s ease-in-out infinite}