@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--c: #0EA5E9;--c2: #0284C7;--c3: #0369A1;--c-navy: #0C4A6E;--c-glow: rgba(14, 165, 233, .3);--c-dim: rgba(14, 165, 233, .12);--grad-primary: linear-gradient(135deg, #0EA5E9 0%, #0284C7 50%, #0369A1 100%);--grad-primary-h: linear-gradient(135deg, #38BDF8 0%, #0EA5E9 50%, #0284C7 100%);--grad-navy: linear-gradient(135deg, #0C4A6E 0%, #0369A1 60%, #0284C7 100%);--grad-sky: linear-gradient(160deg, #E0F2FE 0%, #BAE6FD 40%, #F0F9FF 100%);--grad-card: linear-gradient(145deg, #FFFFFF 0%, #F0F9FF 100%);--grad-sidebar: linear-gradient(180deg, #0C4A6E 0%, #0369A1 60%, #0284C7 100%);--grad-gold: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--grad-green: linear-gradient(135deg, #16A34A 0%, #15803D 100%);--gold: #F59E0B;--gold-dim: rgba(245, 158, 11, .1);--amber: #F59E0B;--green: #16A34A;--blue: #0284C7;--crimson: #DC2626;--crimson-dim: rgba(220, 38, 38, .1);--bg: #EFF6FF;--bg2: #FFFFFF;--bg3: #F8FAFC;--bg4: #F1F5F9;--bg-hover: #E0F2FE;--line: rgba(12, 74, 110, .08);--line2: rgba(12, 74, 110, .16);--tx: #1E293B;--tx2: #475569;--tx3: #94A3B8;--tx-heading: #0C4A6E;--sw: 248px;--th: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background:var(--grad-sky);color:var(--tx);overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.025;mix-blend-mode:overlay}h1,h2,h3,.display,.brand-txt{font-family:Bebas Neue,sans-serif;letter-spacing:.04em;color:var(--tx-heading)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--c)}.section{padding:5.5rem 2rem}.section-inner{max-width:1300px;margin:auto}.sk{font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--c);margin-bottom:.6rem;display:flex;align-items:center;gap:.6rem}.sk:before{content:"";width:24px;height:1px;background:var(--c)}.sk.center{justify-content:center}.st{font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,4vw,3.2rem);color:var(--tx);line-height:1;margin-bottom:.5rem}.st em{color:var(--c);font-style:normal}.st.center{text-align:center}.ss{color:var(--tx2);font-size:.92rem;line-height:1.75;max-width:460px}.ss.center{margin:0 auto;text-align:center}.g-rule{width:48px;height:1px;background:var(--gold);margin:.85rem 0 1.2rem}.g-rule.center{margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1.15rem;border-radius:4px;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:none;cursor:pointer;text-decoration:none;transition:all .22s}.btn-cr{background:var(--grad-primary);color:#fff;box-shadow:0 4px 15px var(--c-glow)}.btn-cr:hover{background:var(--grad-primary-h);box-shadow:0 6px 24px var(--c-glow);transform:translateY(-2px)}.btn-gh{background:transparent;border:1px solid var(--line2);color:var(--tx2)}.btn-gh:hover{background:var(--c-dim);color:var(--tx);border-color:var(--c)}.btn-gd{background:var(--grad-gold);color:#fff;box-shadow:0 4px 15px #f59e0b4d}.btn-gd:hover{opacity:.88;transform:translateY(-1px)}.live{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);position:relative;flex-shrink:0}.live:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:#2db87a4d;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(2.5);opacity:0}}.ticker-bar{background:linear-gradient(90deg,#0c4a6e,#0369a1 35%,#0ea5e9 65%,#0369a1);height:28px;display:flex;align-items:center;overflow:hidden;position:relative}.ticker-bar:before,.ticker-bar:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2}.ticker-bar:before{left:0;background:linear-gradient(to right,#0284C7,transparent)}.ticker-bar:after{right:0;background:linear-gradient(to left,#0369A1,transparent)}.ticker-inner{white-space:nowrap;animation:tick 28s linear infinite;display:flex}.ticker-inner span{font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffffe6;padding:0 1rem}@keyframes tick{0%{transform:translate(0)}to{transform:translate(-50%)}}.chip{padding:.25rem .7rem;font-size:.68rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.35rem}.chip .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.chip-green{background:#2db87a14;color:var(--green)}.chip-red{background:var(--c-dim);color:var(--c)}.chip-amber{background:var(--gold-dim);color:var(--gold)}.chip-blue{background:#4a8fd41a;color:var(--blue)}.badge{display:inline-block;padding:.22rem .6rem;font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.badge-pending{background:var(--gold-dim);color:var(--gold)}.badge-verified{background:#2db87a14;color:var(--green)}.badge-rejected{background:var(--c-dim);color:var(--c)}.badge-active{background:#4a8fd41a;color:var(--blue)}.f-group{display:flex;flex-direction:column;gap:.35rem}.f-label{font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tx3)}.f-input{width:100%;background:var(--bg3);border:1px solid var(--line2);padding:.8rem 1rem;color:var(--tx);font-family:Outfit,sans-serif;font-size:.88rem;outline:none;transition:border-color .2s,box-shadow .2s;border-radius:8px;appearance:none;box-shadow:0 2px 4px #0c4a6e08,inset 0 1px 2px #0c4a6e05}.f-input::placeholder{color:var(--tx3)}.f-input:focus{border-color:var(--c);box-shadow:0 0 0 3px var(--c-dim),0 2px 6px #0c4a6e0f}.f-input option{background:var(--bg3)}textarea.f-input{resize:none}.f-file-label{display:flex;align-items:center;gap:.75rem;background:var(--bg3);border:1.5px dashed var(--line2);border-radius:10px;padding:1rem 1.25rem;cursor:pointer;transition:border-color .2s,background .2s}.f-file-label:hover{border-color:var(--c)}.f-file-label i{color:var(--c)}.f-file-label span{font-size:.83rem;color:var(--tx3)}.f-submit{width:100%;border:none;cursor:pointer;background:var(--grad-primary);color:#fff;padding:1rem;font-family:Bebas Neue,sans-serif;font-size:1.2rem;letter-spacing:.15em;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 4px 18px var(--c-glow)}.f-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.f-submit:hover{background:var(--grad-navy);box-shadow:0 8px 32px var(--c-glow);transform:translateY(-1px)}.card{background:var(--grad-card);border:1px solid var(--line);transition:all .25s;border-radius:10px;box-shadow:0 6px 20px #0c4a6e16,0 2px 4px #0c4a6e0a}.card:hover{background:linear-gradient(145deg,#fff,#e0f2fe);box-shadow:0 12px 32px #0ea5e929;transform:translateY(-3px)}.dt-wrap{background:var(--bg2);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 6px 24px #0c4a6e14,0 2px 4px #0c4a6e0a}.dt-head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;border-bottom:1px solid var(--line)}.dt-head h4{font-size:.88rem;font-weight:600;color:var(--tx)}.dt-actions{display:flex;gap:.5rem}.tbl-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .8rem;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:none;cursor:pointer;transition:all .18s}.tbl-btn.outline{background:transparent;border:1px solid var(--line2);color:var(--tx2)}.tbl-btn.outline:hover{background:#ffffff0a;color:var(--tx)}.tbl-btn.solid{background:var(--c);color:#fff}.tbl-btn.solid:hover{background:var(--c2)}.dt{width:100%;border-collapse:collapse}.dt th{text-align:left;padding:.65rem 1.25rem;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);border-bottom:1px solid var(--line);white-space:nowrap}.dt td{padding:.8rem 1.25rem;font-size:.8rem;color:var(--tx2);border-bottom:1px solid var(--line)}.dt tr:last-child td{border-bottom:none}.dt tr:hover td{background:#ffffff05}.dt td strong{color:var(--tx);font-weight:600}.act-btns{display:flex;gap:.35rem}.act-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:.75rem;transition:all .18s}.act-btn:hover{transform:scale(1.1)}.act-view{background:#4a8fd41a;color:var(--blue)}.act-verify{background:#2db87a14;color:var(--green)}.act-del{background:var(--c-dim);color:var(--c)}.filter-bar{display:flex;align-items:center;gap:.75rem;padding:.8rem 1.25rem;border-bottom:1px solid var(--line)}.search-wrap{position:relative;flex:1;max-width:280px}.search-wrap i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--tx3);font-size:.78rem}.search-wrap input{width:100%;background:var(--bg3);border:1px solid var(--line);padding:.5rem .75rem .5rem 2.1rem;color:var(--tx);font-size:.8rem;outline:none;font-family:Outfit,sans-serif}.search-wrap input::placeholder{color:var(--tx3)}.filter-sel{background:var(--bg3);border:1px solid var(--line);padding:.5rem .75rem;color:var(--tx2);font-size:.8rem;outline:none;cursor:pointer;font-family:Outfit,sans-serif}.toast{position:fixed;bottom:1.75rem;right:1.75rem;z-index:9999;background:var(--bg2);border:1px solid var(--line);border-left:3px solid var(--green);padding:.9rem 1.15rem;display:flex;align-items:center;gap:.8rem;box-shadow:0 16px 50px #00000080;transform:translate(130%);transition:transform .4s cubic-bezier(.16,1,.3,1);max-width:300px}.toast.show{transform:translate(0)}.toast i{color:var(--green);font-size:1.2rem}.toast strong{display:block;color:var(--tx);font-size:.83rem;font-weight:600}.toast span{font-size:.75rem;color:var(--tx2)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.pub-nav{position:fixed;top:0;width:100%;z-index:80;height:var(--th);background:linear-gradient(90deg,#0c4a6e,#0369a1 45%,#0ea5e9);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;box-shadow:0 4px 20px #0c4a6e40}.pub-nav .inner{max-width:1300px;margin:auto;width:100%;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.brand-wrap{display:flex;align-items:center;gap:.7rem;text-decoration:none}.brand-icon{width:34px;height:34px;border-radius:8px;background:#ffffff38;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #00000026;border:1px solid rgba(255,255,255,.3)}.brand-icon i{color:#fff;font-size:.85rem}.brand-txt{font-family:Bebas Neue,sans-serif;font-size:1.25rem;letter-spacing:.1em;color:var(--tx-heading);line-height:1}.brand-txt em{color:var(--c);font-style:normal}.pub-links{display:flex;align-items:center;gap:2rem}.pub-links a{font-size:.78rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--tx2);text-decoration:none;transition:color .2s}.pub-links a:hover{color:var(--tx)}.pub-nav .brand-txt{color:#fff}.pub-nav .brand-txt em{color:var(--tx-heading)}.pub-nav .brand-icon{background:#fff;box-shadow:0 0 18px #ffffff4d}.pub-nav .brand-icon i{color:var(--c)}.pub-nav .pub-links a{color:#ffffffd9}.pub-nav .pub-links a:hover{color:#fff}.hero{min-height:calc(100vh - var(--th) - 28px);background:linear-gradient(155deg,#0c4a6ee0,#0369a1bf 40%,#0ea5e98c,#f0f9ffeb),url(https://images.unsplash.com/photo-1629654858857-615c2c8be8a8?q=80&w=2200&auto=format&fit=crop) center/cover no-repeat;display:flex;align-items:center;padding:4rem 2rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(255,255,255,.012) 80px)}.hero-inner{max-width:1300px;margin:auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media(max-width:900px){.hero-inner{grid-template-columns:1fr}}.hero-eyebrow{display:inline-flex;align-items:center;gap:.6rem;padding:.3rem .9rem;border-left:2px solid var(--c);background:#c0170b14;font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#c0170be6;margin-bottom:1.5rem}.hero h1{font-size:clamp(3.2rem,7vw,6.2rem);line-height:.95;color:var(--tx);margin-bottom:1.25rem}.hero h1 .accent{color:var(--c);display:block}.hero-sub{color:var(--tx2);font-size:1rem;line-height:1.75;max-width:420px;margin-bottom:2rem}.hero-cta{display:flex;gap:.85rem;flex-wrap:wrap;margin-bottom:2.75rem}.hero-btn{padding:.75rem 1.6rem!important;font-size:.82rem!important}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-box{background:var(--grad-card);border:1px solid var(--line);border-top:3px solid var(--c);padding:1rem;transition:all .3s;position:relative;overflow:hidden;border-radius:12px;box-shadow:0 6px 20px #0c4a6e17,0 2px 4px #0c4a6e0a}.stat-box:before{content:"";position:absolute;top:-20px;right:-20px;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,var(--c-dim) 0%,transparent 70%);pointer-events:none}.stat-box:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0ea5e92e}.stat-box .num{font-family:Bebas Neue,sans-serif;font-size:2.4rem;color:var(--tx);line-height:1}.stat-box .lbl{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);margin-top:.25rem}.hero-cards{display:flex;flex-direction:column;gap:1rem}.hero-info-card{background:#ffffffeb;border:1px solid rgba(14,165,233,.15);border-left:3px solid var(--gold);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;box-shadow:0 6px 20px #0c4a6e1a}.hero-info-card:hover{transform:translate(6px);box-shadow:0 10px 28px #0c4a6e2e}.hi-ic{width:42px;height:42px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.hi-ic.r{background:linear-gradient(135deg,#0ea5e938,#0ea5e914);color:var(--c)}.hi-ic.g{background:linear-gradient(135deg,#16a34a38,#16a34a14);color:var(--green)}.hi-ic.a{background:linear-gradient(135deg,#f59e0b38,#f59e0b14);color:var(--gold)}.hi-ic.b{background:linear-gradient(135deg,#0284c738,#0284c714);color:var(--blue)}.hero-info-card strong{display:block;color:var(--tx);font-size:.9rem;font-weight:600}.hero-info-card span{font-size:.75rem;color:var(--tx2)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:3rem}.menu-card{background:var(--grad-card);padding:2rem 1.75rem;cursor:pointer;transition:all .28s;position:relative;overflow:hidden;border-radius:14px;border:1px solid var(--line);box-shadow:0 6px 22px #0c4a6e14,0 2px 4px #0c4a6e0a}.menu-card:before{content:"";position:absolute;bottom:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--c-dim) 0%,transparent 70%);pointer-events:none;transition:opacity .3s;opacity:0}.menu-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad-primary);transform:scaleY(0);transform-origin:bottom;transition:transform .3s cubic-bezier(.16,1,.3,1)}.menu-card:hover{background:linear-gradient(145deg,#fff,#e0f2fe);box-shadow:0 12px 32px #0ea5e929;transform:translateY(-2px)}.menu-card:hover:before{opacity:1}.menu-card:hover:after{transform:scaleY(1)}.menu-card:hover .mc-arrow{transform:translate(5px)}.mc-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;margin-bottom:1.4rem}.mc-icon.r{background:linear-gradient(135deg,#0ea5e938,#0ea5e914);color:var(--c)}.mc-icon.b{background:linear-gradient(135deg,#0284c738,#0284c714);color:var(--blue)}.mc-icon.g{background:linear-gradient(135deg,#f59e0b38,#f59e0b14);color:var(--gold)}.menu-card h3{font-family:Bebas Neue,sans-serif;font-size:1.5rem;letter-spacing:.05em;color:var(--tx);margin-bottom:.6rem}.menu-card p{font-size:.83rem;color:var(--tx2);line-height:1.7}.mc-arrow{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);transition:transform .25s}.chart-grid{display:grid;grid-template-columns:5fr 3fr;gap:16px;margin-top:2rem}@media(max-width:768px){.chart-grid{grid-template-columns:1fr}}.chart-card{background:var(--grad-card);padding:1.5rem 1.75rem;transition:box-shadow .25s;border-radius:14px;border:1px solid var(--line);box-shadow:0 6px 24px #0c4a6e17,0 2px 5px #0c4a6e0a}.chart-card:hover{box-shadow:0 12px 36px #0c4a6e26}.chart-card h4{font-size:.92rem;font-weight:600;color:var(--tx);margin-bottom:.2rem}.chart-card .sub{font-size:.72rem;color:var(--tx3);letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.25rem}.summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:2rem}@media(max-width:640px){.summary-row{grid-template-columns:repeat(2,1fr)}}.summ-card{background:var(--grad-card);padding:1.25rem 1.5rem;border-top:3px solid transparent;transition:all .25s;border-radius:12px;border:1px solid var(--line);box-shadow:0 5px 20px #0c4a6e14,0 2px 4px #0c4a6e0a}.summ-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0ea5e929}.summ-card.r{border-color:var(--c)}.summ-card.g{border-color:var(--green)}.summ-card.b{border-color:var(--blue)}.summ-card.a{border-color:var(--gold)}.summ-card .s-num{font-family:Bebas Neue,sans-serif;font-size:2.2rem;line-height:1}.summ-card.r .s-num{color:var(--c)}.summ-card.g .s-num{color:var(--green)}.summ-card.b .s-num{color:var(--blue)}.summ-card.a .s-num{color:var(--gold)}.summ-card .s-lbl{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);margin-top:.35rem}.anggota-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin-top:2rem}.anggota-card{background:var(--grad-card);overflow:hidden;transition:all .28s;border-radius:12px;border:1px solid var(--line);box-shadow:0 5px 18px #0c4a6e14,0 2px 4px #0c4a6e0a}.anggota-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px #0c4a6e2e}.anggota-img{height:170px;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative;overflow:hidden}.anggota-img .ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,11,.9) 0%,transparent 55%)}.anggota-body{padding:.9rem 1rem 1.1rem;border-top:1px solid var(--line)}.anggota-body h4{font-size:.88rem;font-weight:600;color:var(--tx);margin-bottom:.2rem}.anggota-body .jbt{font-size:.72rem;color:var(--c);font-weight:600;letter-spacing:.04em}.anggota-body .pgk{font-size:.68rem;color:var(--tx3);margin-top:.15rem}.lapor-bg{background:linear-gradient(160deg,#eff6ff,#dbeafe,#eff6ff);position:relative;overflow:hidden}.lapor-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}.lapor-orb.r{width:500px;height:500px;background:#c0170b12;top:-100px;right:-80px}.lapor-orb.b{width:280px;height:280px;background:#4a8fd40d;bottom:-40px;left:-60px}.form-box{background:var(--grad-card);border:1px solid rgba(14,165,233,.14);padding:2.5rem;max-width:860px;margin:2.5rem auto 0;position:relative;border-radius:16px;box-shadow:0 12px 40px #0c4a6e1f,0 2px 8px #0c4a6e0f}.form-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0c4a6e,#0ea5e9,#f59e0b,#0ea5e9,#0c4a6e);border-radius:16px 16px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.pub-footer{background:var(--grad-navy);border-top:none;padding:2.25rem 2rem;color:#fff;box-shadow:0 -4px 20px #0c4a6e26}.pub-footer .inner{max-width:1300px;margin:auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.pub-footer .copy{font-size:.72rem;color:#ffffffb3;letter-spacing:.04em}.social-row{display:flex;gap:.5rem}.social-btn{width:34px;height:34px;border-radius:3px;background:transparent;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:all .2s}.social-btn:hover{border-color:#fff;color:#fff;background:#ffffff1a}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;background:linear-gradient(160deg,#f0f9ff80,#f0f9fff7),url(https://images.unsplash.com/photo-1629654858857-615c2c8be8a8?q=80&w=1800&auto=format&fit=crop) center/cover no-repeat}.auth-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.auth-orb.r{width:400px;height:400px;background:#c0170b1a;top:-80px;right:-80px}.auth-orb.b{width:300px;height:300px;background:#4a8fd412;bottom:-60px;left:-60px}.auth-card{background:var(--bg2);border:1px solid var(--line2);border-top:3px solid transparent;border-image:var(--grad-primary) 1;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 45px 110px #0c4a6e38,0 4px 12px #0c4a6e14;position:relative;z-index:2;animation:fadeUp .4s cubic-bezier(.16,1,.3,1);border-radius:16px}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.auth-logo{width:54px;height:54px;border-radius:12px;background:var(--grad-primary);box-shadow:0 8px 28px var(--c-glow);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.auth-logo i{color:#fff;font-size:1.3rem}.auth-card h2{text-align:center;font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:.12em}.auth-sub{text-align:center;font-size:.78rem;color:var(--tx3);margin:.3rem 0 1.75rem;letter-spacing:.04em}.input-wrap{position:relative}.input-wrap>i{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--tx3);font-size:.82rem;pointer-events:none}.input-wrap .f-input{padding-left:2.4rem}.pwd-toggle{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--tx3);transition:color .2s}.pwd-toggle:hover{color:var(--tx)}.remember-row{display:flex;align-items:center;gap:.6rem;font-size:.8rem;color:var(--tx2);cursor:pointer}.remember-row input{accent-color:var(--c)}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0}.auth-divider hr{flex:1;border:none;border-top:1px solid var(--line)}.auth-divider span{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3)}.warning-bar{display:flex;align-items:center;gap:.6rem;background:var(--gold-dim);border:1px solid rgba(201,168,76,.2);padding:.65rem .9rem;font-size:.72rem;color:#c9a84cd9}.warning-bar i{font-size:.85rem}.forgot-link{font-size:.72rem;color:var(--tx3);text-decoration:none;transition:color .2s}.forgot-link:hover{color:var(--tx)}.auth-error{background:var(--c-dim);border:1px solid rgba(192,23,11,.25);padding:.65rem .9rem;font-size:.78rem;color:#f87171;display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.admin-layout{display:flex;min-height:100vh}.sidebar{width:var(--sw);background:var(--grad-sidebar);border-right:none;position:fixed;top:0;left:0;height:100vh;display:flex;flex-direction:column;z-index:50;transition:transform .3s;box-shadow:4px 0 24px #0c4a6e2e}.sb-head{padding:1.15rem 1rem;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;background:#0000001a}.sb-close{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:.9rem;display:none}.sb-section{padding:.75rem .6rem .25rem}.sb-label{font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#ffffff73;padding:0 .6rem .5rem}.sb-link{display:flex;align-items:center;gap:.65rem;padding:.58rem .75rem;cursor:pointer;font-size:.8rem;color:#ffffffbf;font-weight:500;transition:background .2s,color .2s;border:none;background:none;width:100%;text-align:left;text-decoration:none;border-radius:6px;margin:1px 0}.sb-link i{width:15px;text-align:center;font-size:.8rem}.sb-link:hover{background:#ffffff1f;color:#fff}.sb-link.active{background:#ffffff2e;color:#fff;box-shadow:0 2px 10px #00000026}.sb-link.active i{color:#bae6fd}.sb-badge{margin-left:auto;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.62rem;font-weight:700;padding:.12rem .42rem;border-radius:4px}.sb-foot{margin-top:auto;padding:1rem .6rem;border-top:1px solid rgba(255,255,255,.12);background:#0000001a}.user-pill{display:flex;align-items:center;gap:.65rem;padding:.55rem .6rem}.avatar{width:30px;height:30px;flex-shrink:0;background:linear-gradient(135deg,#38bdf8,#0284c7);display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:.8rem;letter-spacing:.05em;color:#fff;border-radius:50%;box-shadow:0 2px 8px #0ea5e959}.user-pill .uname{font-size:.78rem;font-weight:600;color:#fff}.user-pill .urole{font-size:.65rem;color:#ffffff8c}.logout-btn{margin-left:auto;background:none;border:none;color:#ffffff8c;cursor:pointer;font-size:.82rem;transition:color .2s}.logout-btn:hover{color:#fff}.admin-main{margin-left:var(--sw);flex:1;display:flex;flex-direction:column;min-height:100vh}.admin-topbar{height:var(--th);background:linear-gradient(90deg,#fff,#f0f9ff);border-bottom:1px solid var(--line2);display:flex;align-items:center;justify-content:space-between;padding:0 1.75rem;position:sticky;top:0;z-index:40;box-shadow:0 2px 12px #0c4a6e0f}.admin-topbar h2{font-family:Bebas Neue,sans-serif;font-size:1.4rem;letter-spacing:.08em;color:var(--tx)}.topbar-right{display:flex;align-items:center;gap:.75rem}.icon-btn{background:transparent;border:1px solid var(--line);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--tx3);font-size:.82rem;transition:all .2s;position:relative}.icon-btn:hover{border-color:var(--line2);color:var(--tx)}.notif-dot{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--c);border:1.5px solid var(--bg2)}.admin-content{padding:1.75rem;flex:1}.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:1.5rem}@media(max-width:900px){.kpi-strip{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--grad-card);padding:1.1rem 1.25rem;display:flex;align-items:center;gap:.9rem;border-top:3px solid transparent;transition:all .25s;position:relative;overflow:hidden;border-radius:14px;border:1px solid var(--line);box-shadow:0 6px 20px #0c4a6e17,0 2px 4px #0c4a6e0a}.kpi-card:after{content:"";position:absolute;bottom:0;right:0;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,var(--c-dim) 0%,transparent 70%);pointer-events:none}.kpi-card:hover{border-top-color:var(--c);transform:translateY(-3px);box-shadow:0 14px 36px #0ea5e933}.kpi-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0;border-radius:10px}.kpi-icon.r{background:linear-gradient(135deg,#0ea5e933,#0ea5e914);color:var(--c)}.kpi-icon.g{background:linear-gradient(135deg,#16a34a33,#16a34a14);color:var(--green)}.kpi-icon.b{background:linear-gradient(135deg,#0284c733,#0284c714);color:var(--blue)}.kpi-icon.a{background:linear-gradient(135deg,#f59e0b33,#f59e0b14);color:var(--gold)}.kpi-val{font-family:Bebas Neue,sans-serif;font-size:1.8rem;color:var(--tx);letter-spacing:.04em}.kpi-lbl{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3)}.kpi-trend{font-size:.68rem;font-weight:600;margin-left:auto}.kpi-trend.up{color:var(--green)}.kpi-trend.dn{color:var(--c)}.admin-chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:1.5rem}@media(max-width:768px){.admin-chart-grid{grid-template-columns:1fr}}@media(max-width:900px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.sb-close{display:block}}.dt-wrap{background:var(--grad-card);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:1.75rem;box-shadow:0 10px 36px #0c4a6e1f,0 3px 10px #0c4a6e0f,0 0 0 1px #0ea5e90a;transition:box-shadow .25s}.dt-wrap:hover{box-shadow:0 16px 48px #0c4a6e26,0 5px 16px #0c4a6e14,0 0 0 1px #0ea5e912}.dt-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.75rem;background:linear-gradient(90deg,#f0f9ff99,#ffffffe6)}.dt-head h4{font-size:.92rem;font-weight:700;color:var(--tx);display:flex;align-items:center;gap:.5rem}.dt-actions{display:flex;gap:.6rem;flex-wrap:wrap}.filter-bar{padding:.85rem 1.25rem;border-bottom:1px solid var(--line);background:#ffffff04}.search-wrap{position:relative;display:flex;align-items:center}.search-wrap i{position:absolute;left:.75rem;color:var(--tx3);font-size:.78rem;pointer-events:none}.search-wrap input{background:var(--bg3);border:1px solid var(--line2);color:var(--tx);padding:.5rem .85rem .5rem 2.2rem;font-size:.82rem;font-family:Outfit,sans-serif;border-radius:8px;outline:none;min-width:220px;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0c4a6e08}.search-wrap input:focus{border-color:var(--c);box-shadow:0 0 0 3px var(--c-dim),0 2px 6px #0c4a6e0f}.filter-sel{background:var(--bg3);border:1px solid var(--line2);color:var(--tx2);padding:.5rem .85rem;font-size:.82rem;font-family:Outfit,sans-serif;border-radius:8px;outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0c4a6e08}.filter-sel:focus{border-color:var(--c);color:var(--tx)}.dt{width:100%;border-collapse:collapse;font-size:.82rem}.dt thead tr{background:#ffffff06;border-bottom:1px solid var(--line2)}.dt th{padding:.65rem 1rem;text-align:left;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);white-space:nowrap}.dt td{padding:.72rem 1rem;border-bottom:1px solid var(--line);color:var(--tx2);vertical-align:middle}.dt tbody tr:last-child td{border-bottom:none}.dt tbody tr{transition:background .18s}.dt tbody tr:hover{background:#ffffff08}.tbl-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border-radius:8px;font-size:.8rem;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;text-decoration:none;transition:all .2s;white-space:nowrap;border:none}.tbl-btn.solid{background:var(--grad-primary);color:#fff;border:1px solid transparent;box-shadow:0 2px 12px #0ea5e940}.tbl-btn.solid:hover{background:var(--grad-navy);box-shadow:0 4px 18px #0ea5e966;transform:translateY(-1px)}.tbl-btn.outline{background:transparent;color:var(--tx2);border:1px solid var(--line2)}.tbl-btn.outline:hover{border-color:var(--line2);color:var(--tx);background:#ffffff0a}.act-btns{display:flex;align-items:center;gap:.35rem}.act-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:.78rem;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:all .2s;background:none;padding:0}.act-btn.act-view{background:#4a8fd41f;color:#60a5fa;border-color:#4a8fd440}.act-btn.act-view:hover{background:#4a8fd440;transform:translateY(-1px)}.act-btn.act-edit{background:#2563eb26;color:#60a5fa;border-color:#2563eb4d}.act-btn.act-verify{background:#16a34a1f;color:#4ade80;border-color:#16a34a40}.act-btn.act-verify:hover{background:#16a34a40;transform:translateY(-1px)}.act-btn.act-del{background:#dc26261a;color:#f87171;border-color:#dc262633}.act-btn.act-del:hover{background:#dc262638;transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;padding:.22rem .65rem;border-radius:50px;font-size:.72rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.badge-masuk{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.25)}.badge-diproses{background:#2563eb1f;color:#60a5fa;border:1px solid rgba(37,99,235,.25)}.badge-selesai{background:#16a34a1f;color:#4ade80;border:1px solid rgba(22,163,74,.25)}.badge-ditolak{background:#dc26261f;color:#f87171;border:1px solid rgba(220,38,38,.25)}.badge-aktif{background:#2563eb1f;color:#60a5fa;border:1px solid rgba(37,99,235,.25)}.badge-libur{background:#dc26261f;color:#f87171;border:1px solid rgba(220,38,38,.25)}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.form-label{font-size:.78rem;font-weight:600;color:var(--tx2);letter-spacing:.02em}.form-input{background:var(--bg3);border:1px solid var(--line2);color:var(--tx);padding:.6rem .9rem;font-size:.85rem;font-family:Outfit,sans-serif;border-radius:8px;outline:none;width:100%;transition:border-color .2s,box-shadow .2s;resize:vertical;box-shadow:0 2px 4px #0c4a6e08,inset 0 1px 2px #0c4a6e05}.form-input:focus{border-color:var(--c);box-shadow:0 0 0 3px #0ea5e91f,0 2px 6px #0c4a6e0f}.form-input::placeholder{color:var(--tx3)}.form-input option{background:var(--bg3);color:var(--tx)}select.form-input{cursor:pointer;appearance:auto}textarea.form-input{min-height:90px}input[type=file].form-input{padding:.5rem .75rem;cursor:pointer}.kegiatan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.75rem}.kegiatan-card{background:var(--bg2);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 30px #0c4a6e0a,0 2px 4px #0c4a6e05;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.kegiatan-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0ea5e91f;border-color:#0ea5e940}.kegiatan-img-wrap{position:relative;height:190px;background:var(--bg4);overflow:hidden;width:100%}.kegiatan-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.kegiatan-card:hover .kegiatan-img{transform:scale(1.06)}.kegiatan-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--tx3);background:linear-gradient(135deg,var(--bg4) 0%,var(--bg3) 100%)}.kegiatan-date-badge{position:absolute;bottom:.85rem;left:.85rem;background:#0c4a6eb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:.7rem;font-weight:700;padding:.3rem .65rem;border-radius:6px;letter-spacing:.04em}.kegiatan-body{padding:1.25rem;display:flex;flex-direction:column;flex:1}.kegiatan-title{font-family:Bebas Neue,sans-serif;font-size:1.45rem;line-height:1.15;letter-spacing:.04em;color:var(--tx-heading);margin-bottom:.6rem;text-transform:uppercase;transition:color .2s}.kegiatan-card:hover .kegiatan-title{color:var(--c)}.kegiatan-desc{font-size:.82rem;color:var(--tx2);line-height:1.6;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.kegiatan-author{margin-top:auto;display:flex;align-items:center;gap:.7rem;padding-top:.85rem;border-top:1px solid var(--line)}.author-avatar{width:32px;height:32px;border-radius:50%;background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:.8rem;letter-spacing:.05em;font-weight:500;flex-shrink:0;border:1.5px solid var(--bg2);box-shadow:0 2px 6px #0c4a6e1a;overflow:hidden}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-info{display:flex;flex-direction:column}.author-name{font-size:.78rem;font-weight:600;color:var(--tx);line-height:1.25}.author-role{font-size:.65rem;color:var(--tx3)}@media(max-width:1024px){.pub-hero-banner{padding:5rem 1.5rem 2.5rem}.pub-hero-title{font-size:clamp(2.5rem,5vw,4.5rem)!important}}@media(max-width:768px){.pub-nav .inner{padding:0 1rem}.pub-links a:not(.btn){display:none!important}.pub-links{gap:.75rem}.pub-hero-banner{padding-top:6.5rem;min-height:auto;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:auto!important}.pub-logo-row{justify-content:center}.pub-hero-content{text-align:center;margin-bottom:2.5rem}.pub-hero-cta{justify-content:center}.pub-info-grid{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important;position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;width:100%!important;margin-top:2rem!important}.pub-info-card{transform:none!important;margin:0!important}.section{padding:3.5rem 1.25rem!important}.anggota-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:.75rem!important}.kegiatan-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.summary-row{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.dt-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.admin-topbar{padding:0 1rem!important}.admin-topbar .icon-btn:first-child{display:flex;align-items:center;justify-content:center}.admin-content{padding:1.25rem 1rem!important}.kpi-strip{grid-template-columns:1fr!important;gap:.75rem!important}}@media(max-width:480px){.pub-hero-title{font-size:2.25rem!important}.pub-logo-img{width:40px!important;height:40px!important}.pub-logo-lbl{font-size:.65rem!important}.pub-logo-sep{width:30px!important}.form-box{padding:1.5rem 1rem!important;margin-top:1.5rem!important}.form-grid{grid-template-columns:1fr!important}.f-submit{padding:.85rem!important;font-size:1rem!important}.summary-row{grid-template-columns:1fr!important}.pub-footer .inner{flex-direction:column!important;text-align:center!important;gap:1.25rem!important}.auth-card{padding:1.75rem 1.25rem!important}}.admin-topbar .icon-btn:first-child{display:none}@media(max-width:900px){.admin-topbar .icon-btn:first-child{display:flex;align-items:center;justify-content:center}}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45}@media(max-width:900px){.sidebar.open+.sidebar-overlay{display:block}}@media(max-width:600px){.admin-topbar h2{font-size:1.15rem!important}.topbar-right .chip{display:none!important}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.grid-2-large{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:600px){.grid-2,.grid-3{grid-template-columns:1fr!important;gap:.75rem!important}}@media(max-width:768px){.grid-2-large{grid-template-columns:1fr!important;gap:1.25rem!important}}@media(max-width:600px){.dt-wrap[style*=padding]{padding:1.25rem!important}}body.full-dashboard{margin:0;padding:0;background:#0b0c10;font-family:Outfit,sans-serif;min-height:100vh;overflow-x:hidden}.hero-section{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:url(/images/bacground_damkar.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(.32) saturate(.7);z-index:0;transform:scale(1.05);animation:bgZoom 20s ease-in-out infinite alternate}@keyframes bgZoom{0%{transform:scale(1.05)}to{transform:scale(1.12)}}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000008c,#0a0e1eb3 60%,#0a0e1ef7),radial-gradient(ellipse at 50% 30%,rgba(200,30,30,.12) 0%,transparent 70%);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;padding:3rem 1.5rem 2rem;width:100%;max-width:960px}.logo-row{display:flex;align-items:center;justify-content:center;gap:3rem;margin-bottom:2rem}.logo-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:logoFloat 6s ease-in-out infinite}.logo-wrap:nth-child(3){animation-delay:1s}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.logo-img{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(220,50,50,.5)) drop-shadow(0 4px 16px rgba(0,0,0,.6));border-radius:50%;border:2px solid rgba(255,255,255,.1);background:#ffffff0a;padding:4px;transition:filter .4s}.logo-img:hover{filter:drop-shadow(0 0 30px rgba(220,50,50,.85)) drop-shadow(0 4px 24px rgba(0,0,0,.8))}.logo-label{font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73}.logo-divider{display:flex;flex-direction:column;align-items:center;gap:4px}.logo-divider span{display:block;width:2px;height:16px;background:#dc323280;border-radius:2px}.logo-divider span:nth-child(2){opacity:.4}.logo-divider span:nth-child(3){opacity:.2}.hero-title{font-family:Bebas Neue,sans-serif;font-size:clamp(2.4rem,6vw,4.2rem);letter-spacing:.06em;color:#fff;line-height:1.1;margin:0 0 .4rem;text-shadow:0 2px 32px rgba(200,30,30,.55),0 1px 4px rgba(0,0,0,.9);animation:titleReveal 1s ease-out both}@keyframes titleReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-title span{background:linear-gradient(90deg,#f44,#f80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(.85rem,2vw,1.05rem);color:#ffffff8c;letter-spacing:.22em;text-transform:uppercase;font-weight:500;margin:0 0 3rem;animation:titleReveal 1s .2s ease-out both}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.2rem;width:100%;max-width:960px;margin:0 auto;position:relative;z-index:2;padding:0 1.5rem 3.5rem;animation:cardsReveal 1s .4s ease-out both}@keyframes cardsReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.info-card{background:#ffffff0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.6rem 1.4rem;text-align:left;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:default;box-shadow:0 8px 32px #00000038,0 2px 8px #0000001f}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:16px 16px 0 0;opacity:.8;transition:opacity .3s}.info-card.red:before{background:linear-gradient(90deg,#dc2626,#f97316)}.info-card.blue:before{background:linear-gradient(90deg,#2563eb,#06b6d4)}.info-card.green:before{background:linear-gradient(90deg,#16a34a,#4ade80)}.info-card.amber:before{background:linear-gradient(90deg,#d97706,#facc15)}.info-card:hover{transform:translateY(-6px);box-shadow:0 24px 64px #0009;border-color:#ffffff29}.info-card:hover:before{opacity:1}.card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:1rem}.card-icon.red{background:#dc262626;color:#f87171}.card-icon.blue{background:#2563eb26;color:#60a5fa}.card-icon.green{background:#16a34a26;color:#4ade80}.card-icon.amber{background:#d9770626;color:#fbbf24}.card-number{font-family:Bebas Neue,sans-serif;font-size:3rem;line-height:1;letter-spacing:.04em;color:#fff;margin-bottom:.3rem}.card-number.red{text-shadow:0 0 20px rgba(248,113,113,.4)}.card-number.blue{text-shadow:0 0 20px rgba(96,165,250,.4)}.card-number.green{text-shadow:0 0 20px rgba(74,222,128,.4)}.card-number.amber{text-shadow:0 0 20px rgba(251,191,36,.4)}.card-title{font-size:.92rem;font-weight:700;color:#ffffffd9;margin-bottom:.3rem;line-height:1.3}.card-desc{font-size:.76rem;color:#fff6;line-height:1.5}.hotline-badge{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:.9rem 1rem;background:linear-gradient(90deg,#b91c1ceb,#c2410ceb);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:.75rem;font-size:.95rem;font-weight:700;color:#fff;letter-spacing:.06em;border-top:1px solid rgba(255,100,50,.3)}.hotline-badge i{font-size:1.1rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.hotline-badge .hotline-num{font-family:Bebas Neue,sans-serif;font-size:1.7rem;letter-spacing:.1em;line-height:1;color:gold;text-shadow:0 0 12px rgba(255,215,0,.6)}@media(max-width:600px){.logo-img{width:80px;height:80px}.logo-row{gap:1.5rem}.info-grid{grid-template-columns:1fr 1fr}.card-number{font-size:2.2rem}}.pub-hero-banner{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding-top:var(--th, 64px)}.pub-hero-bg{position:absolute;inset:0;background-image:url(/images/bacground_damkar.jpg);background-size:cover;background-position:center;filter:brightness(.68) saturate(.85);z-index:0;animation:pubBgZoom 22s ease-in-out infinite alternate}@keyframes pubBgZoom{0%{transform:scale(1.04)}to{transform:scale(1.11) translate(-1%)}}.pub-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(240,249,255,.45) 0%,rgba(240,249,255,.9) 65%,var(--bg) 100%),radial-gradient(ellipse at 50% 20%,rgba(14,165,233,.2) 0%,transparent 65%);z-index:1}.pub-hero-content{position:relative;z-index:2;text-align:center;padding:2.5rem 1.5rem 1.5rem;width:100%;max-width:900px}.pub-logo-row{display:flex;align-items:center;justify-content:center;gap:2.5rem;margin-bottom:1.5rem}.pub-logo-wrap{display:flex;flex-direction:column;align-items:center;gap:.4rem}.pub-logo-img{width:100px;height:100px;object-fit:contain;border-radius:50%;border:2px solid rgba(14,165,233,.15);background:#ffffffe6;padding:4px;filter:drop-shadow(0 0 18px rgba(14,165,233,.3)) drop-shadow(0 2px 12px rgba(12,74,110,.25));animation:pubLogoFloat 6s ease-in-out infinite;transition:filter .35s,transform .35s}.pub-logo-img:hover{filter:drop-shadow(0 0 28px rgba(14,165,233,.5));transform:scale(1.07)}@keyframes pubLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.pub-logo-lbl{font-size:.55rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tx2)}.pub-logo-sep{display:flex;flex-direction:column;gap:5px;align-items:center}.pub-logo-sep span{display:block;width:2px;border-radius:2px;background:var(--c)}.pub-logo-sep span:nth-child(1){height:18px}.pub-logo-sep span:nth-child(2){height:11px;opacity:.35}.pub-logo-sep span:nth-child(3){height:6px;opacity:.15}.pub-hero-title{font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:.06em;color:var(--tx-heading);line-height:1.1;margin:0 0 .4rem;text-shadow:0 1px 12px rgba(14,165,233,.2)}.pub-hero-title span{background:linear-gradient(90deg,var(--c),var(--c2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pub-hero-sub{font-size:.8rem;color:var(--tx2);letter-spacing:.2em;text-transform:uppercase;font-weight:500;margin-bottom:1.4rem}.pub-hero-cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.pub-info-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;width:100%;max-width:900px;padding:0 1.25rem}.pub-info-card{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:1.3rem 1.2rem;position:relative;overflow:hidden;box-shadow:0 6px 22px #0c4a6e12,0 2px 4px #0c4a6e08;transition:transform .3s,box-shadow .3s,border-color .3s}.pub-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0}.pub-info-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #0c4a6e26;border-color:#0ea5e933}.pub-info-card.red:before{background:linear-gradient(90deg,var(--crimson),#ef4444)}.pub-info-card.blue:before{background:linear-gradient(90deg,var(--c),var(--c2))}.pub-info-card.green:before{background:linear-gradient(90deg,var(--green),#4ade80)}.pub-info-card.amber:before{background:linear-gradient(90deg,var(--gold),#facc15)}.pic-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:.75rem}.pic-icon.red{background:var(--crimson-dim);color:var(--crimson)}.pic-icon.blue{background:var(--c-dim);color:var(--c)}.pic-icon.green{background:#16a34a1a;color:var(--green)}.pic-icon.amber{background:var(--gold-dim);color:var(--gold)}.pic-num{font-family:Bebas Neue,sans-serif;font-size:2.4rem;line-height:1;letter-spacing:.04em;color:var(--tx-heading);margin-bottom:.2rem}.pic-title{font-size:.85rem;font-weight:700;color:var(--tx);margin-bottom:.2rem;line-height:1.3}.pic-desc{font-size:.7rem;color:var(--tx2);line-height:1.5}.pub-hotline-strip{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:center;gap:.65rem;padding:.85rem 1rem;margin-top:1.2rem;background:linear-gradient(90deg,var(--crimson),#b91c1c);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(220,38,38,.2);font-size:.88rem;font-weight:700;color:#fff;letter-spacing:.05em}.pub-hotline-strip i{animation:pubRingPulse 1.4s ease-in-out infinite}@keyframes pubRingPulse{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-15deg) scale(1.15)}75%{transform:rotate(15deg) scale(1.15)}}.pub-hn{font-family:Bebas Neue,sans-serif;font-size:1.6rem;color:gold;letter-spacing:.12em;line-height:1;text-shadow:0 0 10px rgba(255,215,0,.6)}@media(max-width:600px){.pub-logo-img{width:76px;height:76px}.pub-logo-row{gap:1.5rem}.pub-info-grid{grid-template-columns:1fr 1fr}}.db-hero{position:relative;width:100%;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:18px;overflow:hidden;margin-bottom:1.75rem;text-align:center}.db-hero-bg{position:absolute;inset:0;background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/4/4e/Tuban_Harbour.jpg/1280px-Tuban_Harbour.jpg),url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/0e/Tugu_Kota_Tuban.jpg/1280px-Tugu_Kota_Tuban.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(.28) saturate(.6);z-index:0;animation:heroBgPan 25s ease-in-out infinite alternate}@keyframes heroBgPan{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.1) translate(-1%)}}.db-hero-overlay{position:absolute;inset:0;background:linear-gradient(160deg,#0000008c,#080a19d9),radial-gradient(ellipse at 50% 0%,rgba(200,30,30,.18) 0%,transparent 65%);z-index:1}.db-hero-content{position:relative;z-index:2;padding:2.5rem 1.5rem 2rem;width:100%}.db-logo-row{display:flex;align-items:center;justify-content:center;gap:2.5rem;margin-bottom:1.4rem}.db-logo-wrap{display:flex;flex-direction:column;align-items:center;gap:.4rem}.db-logo-img{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(220,50,50,.55)) drop-shadow(0 2px 12px rgba(0,0,0,.7));border-radius:50%;border:2px solid rgba(255,255,255,.1);background:#ffffff0a;padding:4px;transition:filter .35s,transform .35s;animation:floatLogo 6s ease-in-out infinite}.db-logo-img:nth-of-type(2){animation-delay:1.2s}.db-logo-img:hover{filter:drop-shadow(0 0 28px rgba(220,50,50,.9)) drop-shadow(0 4px 20px rgba(0,0,0,.8));transform:scale(1.07)}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.db-logo-label{font-size:.55rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#fff}.db-logo-sep{display:flex;flex-direction:column;gap:5px;align-items:center}.db-logo-sep span{display:block;width:2px;border-radius:2px;background:#dc32328c}.db-logo-sep span:nth-child(1){height:18px}.db-logo-sep span:nth-child(2){height:10px;opacity:.35}.db-logo-sep span:nth-child(3){height:6px;opacity:.15}.db-hero-title{font-family:Bebas Neue,sans-serif;font-size:clamp(1.9rem,3.8vw,3rem);letter-spacing:.06em;color:#fff;line-height:1.1;margin:0 0 .4rem;text-shadow:0 2px 28px rgba(200,30,30,.5),0 1px 4px rgba(0,0,0,.9)}.db-hero-title span{background:linear-gradient(90deg,#f55,#f90);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.db-hero-sub{font-size:.78rem;color:#fff;letter-spacing:.2em;text-transform:uppercase;font-weight:500}.db-hotline-strip{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.2rem;padding:.5rem 1.4rem;background:#b91c1cb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50px;border:1px solid rgba(248,113,113,.3);font-size:.82rem;font-weight:700;color:#fff;letter-spacing:.06em}.db-hotline-strip .hn{font-family:Bebas Neue,sans-serif;font-size:1.5rem;color:gold;letter-spacing:.12em;line-height:1;text-shadow:0 0 10px rgba(255,215,0,.6)}.db-hotline-strip i{animation:dbRingPulse 1.4s ease-in-out infinite}@keyframes dbRingPulse{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-15deg) scale(1.15)}75%{transform:rotate(15deg) scale(1.15)}}.db-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.1rem;margin-bottom:1.5rem}.db-info-card{background:var(--bg2, rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.5rem 1.3rem;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 6px 20px #0c4a6e14,0 2px 4px #0c4a6e0a}.db-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0}.db-info-card:hover{transform:translateY(-5px);box-shadow:0 18px 54px #00000080;border-color:#ffffff24}.db-info-card.red:before{background:linear-gradient(90deg,#dc2626,#f97316)}.db-info-card.blue:before{background:linear-gradient(90deg,#2563eb,#06b6d4)}.db-info-card.green:before{background:linear-gradient(90deg,#16a34a,#4ade80)}.db-info-card.amber:before{background:linear-gradient(90deg,#d97706,#facc15)}.dic-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;margin-bottom:.9rem}.dic-icon.red{background:#dc262624;color:#f87171}.dic-icon.blue{background:#2563eb24;color:#60a5fa}.dic-icon.green{background:#16a34a24;color:#4ade80}.dic-icon.amber{background:#d9770624;color:#fbbf24}.dic-num{font-family:Bebas Neue,sans-serif;font-size:2.6rem;line-height:1;letter-spacing:.04em;margin-bottom:.25rem}.dic-num.red{color:#dc2626;text-shadow:0 2px 10px rgba(220,38,38,.15)}.dic-num.blue{color:#0284c7;text-shadow:0 2px 10px rgba(2,132,199,.15)}.dic-num.green{color:#16a34a;text-shadow:0 2px 10px rgba(22,163,74,.15)}.dic-num.amber{color:#d97706;text-shadow:0 2px 10px rgba(217,119,6,.15)}.dic-title{font-size:.88rem;font-weight:700;color:var(--tx, #1e293b);margin-bottom:.25rem;line-height:1.3}.dic-desc{font-size:.73rem;color:var(--tx2, #475569);line-height:1.5}@media(max-width:600px){.db-hero{min-height:280px;border-radius:12px;margin-bottom:1.25rem}.db-hero-content{padding:1.5rem .5rem}.db-logo-row{gap:1.2rem;margin-bottom:.8rem}.db-logo-img{width:64px;height:64px}.db-logo-label{font-size:.48rem}.db-logo-sep span:nth-child(1){height:12px}.db-logo-sep span:nth-child(2){height:8px}.db-logo-sep span:nth-child(3){height:4px}.db-hero-title{font-size:1.6rem}.db-hero-sub{font-size:.65rem;letter-spacing:.12em}.db-hotline-strip{padding:.35rem 1rem;font-size:.72rem;margin-top:.85rem}.db-hotline-strip .hn{font-size:1.2rem}}.lapor-admin-hero{background:var(--grad-navy);border-radius:16px;padding:2.5rem 2rem 2rem;margin-bottom:1.75rem;position:relative;overflow:hidden;display:flex;align-items:center;gap:1.5rem;box-shadow:0 12px 40px #0c4a6e33}.lapor-admin-hero:before{content:"";position:absolute;top:-60px;right:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.22) 0%,transparent 70%);pointer-events:none}.lapor-admin-hero:after{content:"";position:absolute;bottom:-50px;left:15%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.1) 0%,transparent 70%);pointer-events:none}.lapor-hero-icon{width:68px;height:68px;background:#ffffff1f;border:2px solid rgba(255,255,255,.18);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.85rem;color:#fff;flex-shrink:0;position:relative;z-index:1}.lapor-hero-txt{position:relative;z-index:1}.lapor-hero-txt h3{font-family:Bebas Neue,sans-serif;font-size:1.65rem;letter-spacing:.06em;color:#fff;line-height:1.1;margin-bottom:.4rem}.lapor-hero-txt p{font-size:.82rem;color:#fff9;line-height:1.55;max-width:560px}.petugas-notice{display:flex;align-items:flex-start;gap:.75rem;background:#f59e0b0f;border:1px solid rgba(245,158,11,.22);border-left:4px solid var(--gold);border-radius:10px;padding:.9rem 1.1rem;margin-bottom:1.75rem;font-size:.82rem;color:var(--tx2);line-height:1.55}.petugas-notice i{color:var(--gold);font-size:1rem;margin-top:.05rem;flex-shrink:0}.petugas-notice strong{color:var(--tx)}.kat-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:.1rem}.kat-pill input[type=radio]{display:none}.kat-pill label{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.9rem .75rem;border:1.5px solid var(--line2);border-radius:12px;cursor:pointer;transition:all .2s;background:var(--bg3);text-align:center}.kat-pill label:hover{border-color:var(--c);background:var(--c-dim)}.kat-pill input:checked+label{border-color:var(--c);background:var(--c-dim);box-shadow:0 0 0 3px #0ea5e91f}.pill-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:transform .2s}.kat-pill input:checked+label .pill-icon{transform:scale(1.12)}.pill-icon.fire{background:#dc26261a;color:#dc2626}.pill-icon.rescue{background:#0284c71a;color:#0284c7}.pill-icon.other{background:#f59e0b1a;color:#d97706}.pill-lbl{font-size:.75rem;font-weight:600;color:var(--tx);line-height:1.3}.st-pills{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;margin-top:.1rem}.st-pill input[type=radio]{display:none}.st-pill label{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;border:1.5px solid var(--line2);border-radius:10px;cursor:pointer;transition:all .2s;background:var(--bg3);font-size:.82rem;font-weight:600}.st-pill label:hover{border-color:var(--c)}.st-pill input:checked+label{border-color:var(--c);background:var(--c-dim);box-shadow:0 0 0 3px #0ea5e91a}.sdot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.s-masuk{color:#0284c7}.s-masuk .sdot{background:#0284c7}.s-proses{color:#d97706}.s-proses .sdot{background:#d97706}.s-selesai{color:#16a34a}.s-selesai .sdot{background:#16a34a}.s-tolak{color:#dc2626}.s-tolak .sdot{background:#dc2626}.f-file-label-admin{display:flex;align-items:center;gap:.85rem;background:var(--bg3);border:1.5px dashed var(--line2);border-radius:10px;padding:1rem 1.25rem;cursor:pointer;transition:border-color .2s,background .2s}.f-file-label-admin:hover{border-color:var(--c);background:var(--c-dim)}.f-file-label-admin .upl-ic{width:44px;height:44px;background:var(--c-dim);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--c);font-size:1.15rem;flex-shrink:0}.f-file-label-admin strong{font-size:.85rem;color:var(--tx);display:block}.f-file-label-admin span{font-size:.72rem;color:var(--tx3)}@media(max-width:600px){.kat-pills,.st-pills{grid-template-columns:1fr}.lapor-admin-hero{flex-direction:column;text-align:center;gap:1rem;padding:1.25rem}}.pub-hero-banner-kegiatan{position:relative;width:100%;padding:6rem 2rem 3rem;text-align:center;background:linear-gradient(180deg,rgba(224,242,254,.4) 0%,rgba(240,249,255,.9) 60%,var(--bg) 100%)}.pagination-wrapper{display:flex;justify-content:center;margin-top:4rem}.pagination-wrapper nav{display:flex;align-items:center;gap:.4rem}.pagination-wrapper nav svg{width:1.2rem;height:1.2rem}.pagination-wrapper nav span,.pagination-wrapper nav a{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;color:var(--tx2);background:var(--bg2);border:1px solid var(--line);border-radius:10px;text-decoration:none;transition:all .22s ease;box-shadow:0 4px 10px #0c4a6e08}.pagination-wrapper nav a:hover{background:var(--c-dim);color:var(--c);border-color:var(--c);transform:translateY(-2px);box-shadow:0 6px 15px var(--c-glow)}.pagination-wrapper nav [aria-current=page] span{background:var(--grad-primary);color:#fff;border-color:transparent;box-shadow:0 4px 14px var(--c-glow)}.pagination-wrapper nav [disabled] span{opacity:.5;cursor:not-allowed;background:var(--bg4);color:var(--tx3);box-shadow:none}.pagination-wrapper nav p{font-size:.85rem;color:var(--tx2);margin-right:1rem}.pagination-wrapper nav .flex.justify-between.flex-1{display:none}@media(max-width:640px){.pagination-wrapper nav .flex.justify-between.flex-1{display:flex;gap:.5rem}.pagination-wrapper nav .hidden.sm\:flex-1{display:none}}.detail-layout{display:grid;grid-template-columns:2.2fr 1fr;gap:2rem;margin-top:2rem}.detail-main{background:var(--bg2);border:1px solid var(--line);border-radius:20px;padding:2.2rem;box-shadow:0 10px 35px #0c4a6e0a,0 2px 5px #0c4a6e05}.back-btn-wrap{margin-bottom:1.5rem}.back-btn{display:inline-flex;align-items:center;gap:.5rem;color:var(--c);text-decoration:none;font-size:.88rem;font-weight:600;transition:transform .2s,color .2s}.back-btn:hover{color:var(--c3);transform:translate(-4px)}.detail-meta{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.2rem;flex-wrap:wrap}.meta-item{font-size:.8rem;font-weight:600;color:var(--tx2);display:flex;align-items:center;gap:.4rem}.meta-item i{color:var(--c)}.detail-title{font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,3.5vw,2.8rem);line-height:1.1;color:var(--tx-heading);margin-bottom:1.5rem;text-transform:uppercase}.detail-img-box{width:100%;height:auto;max-height:480px;border-radius:14px;overflow:hidden;margin-bottom:2rem;background:var(--bg4);border:1px solid var(--line);box-shadow:inset 0 0 40px #0000000d}.detail-img-box img{width:100%;height:100%;object-fit:contain;display:block}.detail-body-text{font-size:.95rem;color:var(--tx);line-height:1.8;white-space:pre-line}.detail-sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-card{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:1.5rem;box-shadow:0 8px 25px #0c4a6e08}.sidebar-title{font-family:Bebas Neue,sans-serif;font-size:1.35rem;color:var(--tx-heading);margin-bottom:1rem;letter-spacing:.03em;border-bottom:2px solid var(--c-dim);padding-bottom:.5rem}.officer-profile{display:flex;align-items:center;gap:1rem}.officer-avatar{width:52px;height:52px;border-radius:50%;background:var(--c-dim);border:2px solid var(--c);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--c);overflow:hidden;flex-shrink:0}.officer-avatar img{width:100%;height:100%;object-fit:cover}.officer-name{font-size:.92rem;font-weight:700;color:var(--tx);line-height:1.3}.officer-role{font-size:.75rem;color:var(--tx2);display:block;margin-top:.15rem}.rec-item{display:flex;gap:.85rem;text-decoration:none;color:inherit;padding:.75rem 0;border-bottom:1px solid var(--line);transition:transform .2s,background .2s;border-radius:8px}.rec-item:last-child{border-bottom:none}.rec-item:hover{transform:translate(4px)}.rec-item:hover .rec-title{color:var(--c)}.rec-thumb{width:72px;height:72px;border-radius:8px;overflow:hidden;background:var(--bg4);flex-shrink:0;border:1px solid var(--line)}.rec-thumb img{width:100%;height:100%;object-fit:cover}.rec-thumb .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--tx3);font-size:1.2rem}.rec-info{display:flex;flex-direction:column;justify-content:center}.rec-title{font-size:.85rem;font-weight:700;color:var(--tx-heading);line-height:1.3;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.rec-date{font-size:.7rem;color:var(--tx3)}@media(max-width:900px){.detail-layout{grid-template-columns:1fr}.detail-sidebar{order:2}.detail-main{order:1;padding:1.5rem}}.hotline-backdrop{display:none;position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;align-items:center;justify-content:center;padding:1.25rem}.hotline-card{background:var(--bg2);border:1px solid var(--line);border-radius:24px;width:100%;max-width:520px;padding:2.25rem;box-shadow:0 25px 60px -15px #00000059;position:relative;animation:hotlineModalSlide .35s cubic-bezier(.34,1.56,.64,1)}.hotline-close{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;color:var(--tx3);font-size:1.2rem;cursor:pointer;transition:all .25s ease;outline:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#ffffff08;border:1px solid var(--line)}.hotline-close:hover{color:var(--crimson);background:#dc26261a;border-color:#dc262633;transform:rotate(90deg)}.hotline-header-icon{width:56px;height:56px;background:#dc26261a;color:var(--crimson);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:.75rem;border:1px solid rgba(220,38,38,.15)}.hotline-title{font-family:Bebas Neue,sans-serif;font-size:1.8rem;color:var(--tx-heading);margin:0 0 .25rem;letter-spacing:.05em}.hotline-subtitle{font-size:.78rem;color:var(--tx3);margin:0;line-height:1.4}.hotline-list{display:flex;flex-direction:column;gap:.85rem;max-height:360px;overflow-y:auto;padding-right:.4rem}.hotline-list::-webkit-scrollbar{width:6px}.hotline-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.hotline-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px;transition:background .2s}.hotline-list::-webkit-scrollbar-thumb:hover{background:var(--c)}.hotline-item{background:var(--bg3);border:1px solid var(--line);border-radius:14px;padding:.9rem 1.15rem;display:flex;justify-content:space-between;align-items:center;gap:1.25rem;transition:all .25s ease}.hotline-item:hover{border-color:#0ea5e940;background:#ffffff03}.hotline-pos-title{font-weight:700;font-size:.9rem;color:var(--tx-heading);display:flex;align-items:center;gap:.4rem}.hotline-pos-desc{font-size:.72rem;color:var(--tx2);margin-top:.15rem;line-height:1.35}.hotline-wa{color:var(--c);text-decoration:none;display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;margin-top:.25rem;transition:all .2s ease}.hotline-wa:hover{color:#25d366!important;transform:translate(3px)}.hotline-btn-call{background:var(--grad-primary);color:#fff!important;border:none;border-radius:8px;padding:.55rem .9rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s ease;box-shadow:0 4px 10px var(--c-glow);flex-shrink:0}.hotline-btn-call:hover{transform:translateY(-2px);box-shadow:0 6px 15px var(--c-glow);filter:brightness(1.1)}.hotline-btn-call:active{transform:translateY(0)}@keyframes hotlineModalSlide{0%{opacity:0;transform:scale(.92) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:576px){.hotline-card{padding:1.5rem;border-radius:20px}.hotline-title{font-size:1.6rem}.hotline-list{max-height:280px;gap:.75rem}.hotline-item{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.85rem 1rem}.hotline-btn-call{width:100%;justify-content:center}}.lapor-hero{position:relative;width:100%;min-height:38vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:4.5rem 1.5rem 3rem}.lapor-hero-bg{position:absolute;inset:0;background-image:url(/images/bacground_damkar.jpg);background-size:cover;background-position:center;filter:brightness(.55) saturate(.7);z-index:0}.lapor-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(240,249,255,.35) 0%,rgba(240,249,255,.92) 80%,var(--bg) 100%);z-index:1}.lapor-hero-content{position:relative;z-index:2}.lapor-page{background:linear-gradient(160deg,#eff6ff,#dbeafe,#eff6ff);position:relative;overflow:hidden;padding:3rem 1.25rem 4rem}.lapor-page-orb{position:absolute;border-radius:50%;filter:blur(110px);pointer-events:none}.lapor-page-orb.r{width:480px;height:480px;background:#c0170b0f;top:-80px;right:-60px}.lapor-page-orb.b{width:260px;height:260px;background:#0ea5e90d;bottom:-30px;left:-50px}.lapor-success{max-width:860px;margin:0 auto 1.5rem;padding:.9rem 1.1rem;background:#16a34a12;border:1px solid rgba(22,163,74,.25);border-left:4px solid var(--green);border-radius:10px;color:var(--green);display:flex;align-items:center;gap:.65rem;font-size:.85rem}.lapor-error{max-width:860px;margin:0 auto 1.5rem;padding:.9rem 1.1rem;background:#dc26260f;border:1px solid rgba(220,38,38,.22);border-left:4px solid var(--crimson);border-radius:10px;color:var(--crimson);display:flex;align-items:flex-start;gap:.65rem;font-size:.85rem}.hotline-strip{display:inline-flex;align-items:center;gap:.7rem;background:#dc262614;border:1px solid rgba(220,38,38,.2);border-radius:50px;padding:.55rem 1.4rem;font-size:.8rem;font-weight:700;color:var(--crimson);letter-spacing:.05em;margin-bottom:1.25rem}.hotline-strip .hn{font-family:Bebas Neue,sans-serif;font-size:1.4rem;letter-spacing:.12em;color:var(--crimson);line-height:1}.back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:var(--tx3);text-decoration:none;margin-bottom:2rem;transition:color .2s}.back-link:hover{color:var(--c)}.lapor-hero-content .hotline-strip i{animation:laporRingPulse 1.4s ease-in-out infinite}@keyframes laporRingPulse{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-15deg) scale(1.15)}75%{transform:rotate(15deg) scale(1.15)}}