:root{--blue:#081b2c;--blue2:#0d2d45;--ice:#eaf5f7;--text:#14202b;--muted:#6c7a85;--accent:#67d1ff;--white:#fff;--line:rgba(255,255,255,.16)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#f5f8f9}a{text-decoration:none;color:inherit}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:22px 6vw;color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent)}.site-header.scrolled{background:rgba(8,27,44,.94);backdrop-filter:blur(12px)}.brand{font-weight:900;letter-spacing:.12em}.brand span{color:var(--accent)}.main-nav{display:flex;gap:24px;align-items:center;font-size:14px}.main-nav a{opacity:.9}.main-nav a.active,.main-nav a:hover{color:var(--accent)}.nav-cta{border:1px solid var(--line);padding:10px 16px;border-radius:999px}.hero{min-height:92vh;position:relative;display:flex;align-items:center;padding:150px 6vw 80px;color:#fff;background:linear-gradient(110deg,rgba(4,18,32,.92),rgba(4,18,32,.62),rgba(4,18,32,.85)),url('../img/hero-banner.png') center/cover no-repeat}.hero-content{max-width:900px;position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:var(--accent);margin:0 0 18px}.eyebrow.dark{color:#0f6f93}h1{font-size:clamp(44px,8vw,96px);line-height:.95;margin:0 0 26px;letter-spacing:-.06em}h2{font-size:clamp(30px,4vw,54px);line-height:1.02;margin:0 0 18px;letter-spacing:-.04em}h3{font-size:24px;margin:10px 0}.hero-text{font-size:20px;line-height:1.55;max-width:720px;color:#d9e9ef}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;padding:14px 22px;border-radius:999px;font-weight:800}.btn.primary{background:var(--accent);color:#042033}.btn.secondary{border:1px solid var(--line);color:#fff}.section{padding:90px 6vw}.intro-grid,.split,.contact-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.lead-card,.card{background:#fff;border:1px solid #e1e8ec;border-radius:28px;padding:34px;box-shadow:0 24px 70px rgba(8,27,44,.08)}.lead-card p,.card p,.prose p{font-size:18px;line-height:1.65;color:var(--muted)}.card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card span{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#0f6f93}.dark-section{background:var(--blue);color:#fff}.dark-section p{font-size:20px;line-height:1.6;color:#cfe4ed}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-head a{color:#0f6f93;font-weight:800}.page-hero{padding:170px 6vw 90px;color:#fff;background:linear-gradient(110deg,rgba(4,18,32,.95),rgba(4,18,32,.74)),url('../img/hero-banner.png') center/cover no-repeat}.page-hero h1{max-width:1050px;font-size:clamp(42px,6vw,78px)}.prose{max-width:980px}.contact-form{background:#fff;border-radius:28px;padding:34px;display:grid;gap:18px;box-shadow:0 24px 70px rgba(8,27,44,.08)}label{font-weight:800}input,select,textarea{width:100%;margin-top:8px;border:1px solid #d5e0e6;border-radius:16px;padding:14px;font:inherit}.site-footer{display:flex;justify-content:space-between;gap:30px;padding:42px 6vw;background:#061624;color:#d8eaf1}.footer-links{display:flex;gap:20px}@media(max-width:850px){.main-nav{display:none}.intro-grid,.split,.contact-wrap,.card-row{grid-template-columns:1fr}.hero{min-height:86vh}h1{font-size:48px}.section{padding:64px 6vw}}

.admin-panel{max-width:760px;margin:60px auto;padding:34px;background:#fff;border-radius:24px;box-shadow:0 24px 70px rgba(8,27,44,.1)}.admin-panel.wide{max-width:1180px}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-form{display:grid;gap:18px}.notice{padding:14px 16px;border-radius:14px;margin:12px 0;background:#eaf7f0}.error{padding:14px 16px;border-radius:14px;margin:12px 0;background:#ffecec}.admin-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.admin-card{display:block;padding:28px;border:1px solid #dbe5ea;border-radius:22px;background:#f8fbfc}.admin-card span{display:block;font-size:44px;font-weight:900;color:#0f6f93}.admin-table{width:100%;border-collapse:collapse;margin-top:22px;background:#fff}.admin-table th,.admin-table td{border-bottom:1px solid #e1e8ec;padding:12px;text-align:left;vertical-align:top}.review-card{border:1px solid #dbe5ea;border-radius:22px;padding:24px;margin:20px 0;background:#fff}.review-card img,.media-card img{max-width:100%;border-radius:18px;margin-top:14px}.review-card video,.media-card video{width:100%;max-height:420px;border-radius:18px;margin-top:14px}.inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.inline-actions button,.admin-table button{border:0;border-radius:999px;padding:10px 14px;font-weight:800;background:#0d2d45;color:#fff}.small-note{font-size:13px!important;color:#6c7a85!important}@media(max-width:850px){.admin-cards{grid-template-columns:1fr}.admin-panel{margin:20px;padding:22px}.admin-top{display:block}}

/* BATUBIG CRM Admin + Login Upgrade - 2026-05-30 14:50 CST */
:root{--bt-ink:#142231;--bt-muted:#64748b;--bt-line:#d9e2ea;--bt-bg:#f4f7f9;--bt-card:#ffffff;--bt-accent:#48c7f2;--bt-accent-dark:#1093c5;--bt-danger:#b42318;--bt-good:#087443;--bt-warn:#b54708;}
*{box-sizing:border-box} body{margin:0;color:var(--bt-ink);font-family:Arial,Helvetica,sans-serif;background:var(--bt-bg)}
.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px;background:linear-gradient(135deg,#edf7fb 0%,#ffffff 48%,#eef3f7 100%)}
.login-card{width:min(980px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid var(--bt-line);border-radius:28px;overflow:hidden;box-shadow:0 25px 70px rgba(20,34,49,.12)}
.login-panel{padding:48px}.brand-panel{background:linear-gradient(160deg,#122232 0%,#1f3a4c 100%);color:#fff}.community-brand{background:linear-gradient(160deg,#113c4c 0%,#16627a 100%)}
.login-logo,.crm-mark{width:58px;height:58px;border-radius:18px;background:var(--bt-accent);color:#071622;font-weight:900;display:flex;align-items:center;justify-content:center;letter-spacing:-1px}.login-logo{margin-bottom:32px;font-size:22px}.brand-panel h1{font-size:44px;line-height:1;margin:0 0 18px}.brand-panel p{font-size:17px;line-height:1.6;color:#d8e7ee;max-width:430px}.form-panel h2{font-size:30px;margin:10px 0 22px}.login-links{margin-top:20px;color:var(--bt-muted)}.login-links a{color:var(--bt-ink);font-weight:700;text-decoration:none}
.stack-form{display:grid;gap:15px}.stack-form label{display:grid;gap:7px;font-weight:700;color:var(--bt-ink)}.stack-form small{font-weight:400;color:var(--bt-muted)} input,select,textarea{width:100%;border:1px solid var(--bt-line);border-radius:14px;padding:13px 14px;font:inherit;background:#fff;color:var(--bt-ink)}textarea{resize:vertical}.btn,button{border:0;border-radius:14px;padding:12px 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary,button.primary{background:var(--bt-accent);color:#061521;border:1px solid #0ea5d4}.btn.ghost{background:#fff;border:1px solid var(--bt-line);color:var(--bt-ink)}.btn.small{padding:8px 12px;border-radius:10px;background:#edf7fb;color:var(--bt-ink)}button.danger,.link-danger{background:transparent;color:var(--bt-danger);padding:0;border:0}.error{background:#fff1f0;color:#8a1f14;border:1px solid #ffd0c9;padding:12px 14px;border-radius:14px;margin:0 0 15px}.notice{background:#ecfdf3;color:#075e3f;border:1px solid #b8f0cb;padding:12px 14px;border-radius:14px;margin:0 0 18px}
.crm-body{background:#eef3f7}.crm-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.crm-sidebar{position:sticky;top:0;height:100vh;background:#132231;color:#fff;padding:24px;display:flex;flex-direction:column}.crm-brand{display:flex;align-items:center;gap:14px;margin-bottom:30px}.crm-brand strong{display:block;font-size:20px}.crm-brand span{display:block;color:#a9bdca;font-size:13px;margin-top:3px}.crm-nav{display:grid;gap:7px}.crm-nav a{color:#d9e7ef;text-decoration:none;padding:12px 13px;border-radius:13px;font-weight:700}.crm-nav a:hover,.crm-nav a.active{background:#21384a;color:#fff}.crm-side-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:flex;justify-content:space-between;gap:10px}.crm-side-footer span{color:#d9e7ef}.crm-side-footer a{color:#79d8ff;text-decoration:none;font-weight:800}.crm-main{padding:30px;min-width:0}.crm-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.crm-header h1{font-size:34px;line-height:1;margin:0}.crm-header p{margin:7px 0 0;color:var(--bt-muted)}.crm-card{background:var(--bt-card);border:1px solid var(--bt-line);border-radius:22px;padding:22px;box-shadow:0 12px 28px rgba(20,34,49,.05);margin-bottom:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.card-head h2,.crm-card h2{margin:0;font-size:22px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--bt-line);border-radius:22px;padding:22px;text-decoration:none;color:var(--bt-ink);box-shadow:0 12px 28px rgba(20,34,49,.05)}.stat-card span{display:block;color:var(--bt-muted);font-weight:800}.stat-card strong{display:block;font-size:38px;margin-top:10px}.two-col{display:grid;grid-template-columns:360px 1fr;gap:20px;align-items:start}.wide-table{overflow:auto}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table th{text-align:left;color:var(--bt-muted);font-size:13px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--bt-line);padding:12px}.admin-table td{border-bottom:1px solid #eef2f5;padding:12px;vertical-align:middle}.admin-table a{color:#0b77a5;font-weight:800;text-decoration:none}.actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.actions form{display:inline;margin:0}.actions button{background:transparent;color:#0b77a5;padding:0}.badge{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;text-transform:uppercase}.badge-active,.badge-published{background:#dcfce7;color:var(--bt-good)}.badge-pending{background:#fff4d6;color:var(--bt-warn)}.badge-rejected,.badge-blocked{background:#fee4e2;color:var(--bt-danger)}.tabs{display:flex;gap:8px;margin-bottom:18px}.tabs a{padding:10px 14px;border:1px solid var(--bt-line);border-radius:999px;background:#fff;color:var(--bt-ink);font-weight:800;text-decoration:none}.tabs a.active{background:#132231;color:#fff;border-color:#132231}.muted{color:var(--bt-muted)}.media-preview{margin:16px 0}.media-preview img,.media-preview video{max-width:760px;width:100%;border-radius:18px;border:1px solid var(--bt-line)}.inline-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.inline-actions button{background:#edf7fb;color:#062031;border:1px solid #c8e8f3}.inline-actions button.danger{background:#fff1f0;color:var(--bt-danger);border-color:#ffd0c9}.edit-post{max-width:900px}
@media(max-width:1000px){.login-card,.crm-shell,.two-col{grid-template-columns:1fr}.crm-sidebar{position:relative;height:auto}.stat-grid{grid-template-columns:repeat(2,1fr)}.crm-header{align-items:flex-start;flex-direction:column}.login-panel{padding:32px}}@media(max-width:560px){.stat-grid{grid-template-columns:1fr}.crm-main{padding:18px}.brand-panel h1{font-size:34px}}

/* BATUBIG admin compact CRM additions - 2026-05-30 18:05 CST */
.crm-shell{grid-template-columns:230px 1fr!important}.crm-sidebar{padding:16px 12px!important}.crm-brand{margin-bottom:14px!important}.crm-brand span{font-size:10px!important}.crm-nav{gap:5px!important}.crm-nav a{padding:9px 10px!important;border-radius:10px!important;font-size:13px!important}.crm-main{padding:18px!important}.crm-header{padding:16px 18px!important;margin-bottom:14px!important}.crm-header h1{font-size:28px!important}.crm-card{padding:16px!important;border-radius:16px!important}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:10px!important;margin-bottom:12px!important}.stat-card{padding:14px!important;border-radius:14px!important}.stat-card strong{font-size:25px!important}.admin-table th,.admin-table td{padding:9px 8px!important;font-size:13px!important}.tabs{gap:7px!important;margin-bottom:12px!important}.tabs a{padding:8px 12px!important;border-radius:999px!important;font-size:12px!important}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.quick-grid a{display:block;background:#f4f9fc;border:1px solid #d9e6ee;border-radius:12px;padding:13px 14px;font-weight:900;color:#12324a;text-decoration:none}.quick-grid a:hover{background:#e9f7ff}.crm-side-footer{font-size:12px!important}@media(max-width:980px){.crm-shell{grid-template-columns:1fr!important}.crm-sidebar{position:relative!important;height:auto!important}.crm-nav{display:flex!important;overflow-x:auto!important;white-space:nowrap!important}.crm-main{padding:12px!important}.crm-header{display:block!important}.admin-table{display:block!important;overflow-x:auto!important;white-space:nowrap!important}.stat-grid{grid-template-columns:1fr 1fr!important}}@media(max-width:520px){.stat-grid{grid-template-columns:1fr!important}.crm-nav a{font-size:12px!important}.crm-header h1{font-size:23px!important}}


/* BATUBIG public hero + compact article lock - 2026-05-30 20:20 */
.site-header{background:rgba(8,27,44,.94)!important;backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.14)}
main{padding-top:72px}.page-hero{position:relative;overflow:hidden;min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;padding:150px 6vw 54px!important;color:#fff!important;background:linear-gradient(110deg,rgba(4,18,32,.92),rgba(4,18,32,.58),rgba(4,18,32,.88)),url('../img/hero-banner.png') center/cover no-repeat!important}.page-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(103,209,255,.18),transparent 34%);pointer-events:none}.page-hero>*{position:relative;z-index:1}.page-hero h1{max-width:1050px!important;font-size:clamp(34px,5.2vw,72px)!important;line-height:.96!important;color:#fff!important;margin:0}.page-hero .eyebrow{color:#67d1ff!important}.section{padding:50px 6vw!important}.section-head h2{font-size:clamp(26px,3vw,42px)!important}.bt-post-list{display:grid;gap:14px}.bt-post-row{display:grid;grid-template-columns:140px 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid #dfe9ef;border-radius:18px;padding:14px;box-shadow:0 14px 40px rgba(8,27,44,.06);color:var(--text)}.bt-post-row:hover{border-color:#67d1ff;box-shadow:0 18px 48px rgba(8,27,44,.11)}.bt-post-thumb{width:140px;height:92px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#eaf5f7,#d7e7ee);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0f6f93}.bt-post-thumb img{width:100%;height:100%;object-fit:cover;display:block}.bt-post-content span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#0f6f93}.bt-post-content h3{font-size:22px;line-height:1.1;margin:7px 0 6px}.bt-post-content p{font-size:15px;line-height:1.45;color:#5f7180;margin:0}.bt-post-meta{font-size:12px;color:#718292;margin-top:8px}.bt-post-action{white-space:nowrap;color:#0f6f93;font-weight:900}.bt-article{background:#f5f8f9}.bt-article-hero{min-height:430px;padding:150px 6vw 60px!important;background:linear-gradient(110deg,rgba(4,18,32,.94),rgba(4,18,32,.62),rgba(4,18,32,.90)),url('../img/hero-banner.png') center/cover no-repeat!important}.bt-article-wrap{max-width:980px;margin:0 auto;padding:42px 6vw 70px}.bt-article-card{background:#fff;border:1px solid #dfe9ef;border-radius:24px;padding:34px;box-shadow:0 20px 60px rgba(8,27,44,.08)}.bt-article-date{font-weight:900;color:#0f6f93;margin-bottom:18px}.bt-article-card p{font-size:18px;line-height:1.65;color:#324354}.bt-article-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.bt-article-actions a{display:inline-flex;border-radius:999px;padding:12px 18px;font-weight:900;background:#0f6f93;color:#fff}.bt-article-actions a.secondary{background:#fff;color:#0f6f93;border:1px solid #b9d8e4}.bt-article-media{margin:24px 0}.bt-article-media img,.bt-article-media video{max-width:100%;border-radius:18px;border:1px solid #dfe9ef}.donation-hero,.market-hero,.help-hero{background:linear-gradient(110deg,rgba(4,18,32,.92),rgba(4,18,32,.58),rgba(4,18,32,.88)),url('../img/hero-banner.png') center/cover no-repeat!important}
@media(max-width:760px){main{padding-top:62px}.page-hero{min-height:300px;padding:120px 20px 38px!important}.bt-post-row{grid-template-columns:86px 1fr;gap:12px;padding:12px}.bt-post-thumb{width:86px;height:68px;border-radius:12px}.bt-post-action{grid-column:2;font-size:14px}.bt-post-content h3{font-size:17px}.bt-post-content p{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bt-article-hero{min-height:320px;padding:120px 20px 42px!important}.bt-article-wrap{padding:20px}.bt-article-card{padding:20px;border-radius:18px}.bt-article-card p{font-size:16px}.main-nav{display:none!important}}