:root{--red:#d92323;--red2:#b71919;--nav:#111827;--text:#182235;--muted:#687386;--bg:#f5f7fa;--card:#fff;--green:#16945b;--gold:#e3a928}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(17,24,39,.97);color:#fff}.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:18px}.logo{width:52px;height:52px;border-radius:50%;background:var(--red);display:grid;place-items:center;font-weight:900}.menu{display:flex;align-items:center;gap:22px;color:#cbd5e1;font-size:14px}.menu a:hover{color:#fff}.login-btn,.btn{display:inline-block;background:var(--red);color:#fff!important;padding:11px 17px;border-radius:8px;font-weight:700;border:0;cursor:pointer}.login-btn:hover,.btn:hover{background:var(--red2)}.outline{background:transparent;border:1px solid #fff}.hero{min-height:600px;display:grid;place-items:center;text-align:center;color:#fff;position:relative;background:linear-gradient(rgba(0,0,0,.66),rgba(0,0,0,.75)),url('../img/hero.svg') center/cover}.hero h1{font-size:clamp(38px,6vw,66px);margin:0 0 14px;font-weight:900}.hero p{font-size:18px;line-height:1.6}.hero-actions{display:flex;gap:10px;justify-content:center;margin-top:25px;flex-wrap:wrap}.section{padding:70px 0}.section.alt{background:#f8fafc}.section h2{text-align:center;font-size:32px;margin:0 0 12px}.lead{text-align:center;color:var(--muted);max-width:850px;margin:0 auto 35px}.stats,.cards,.gallery{display:grid;gap:20px}.stats{grid-template-columns:repeat(4,1fr)}.stat,.card{background:var(--card);border-radius:18px;padding:26px;box-shadow:0 7px 25px rgba(15,23,42,.07)}.stat strong{display:block;font-size:32px;color:var(--red);margin-bottom:8px}.cards{grid-template-columns:repeat(3,1fr)}.card h3{margin-top:0}.gallery{grid-template-columns:repeat(3,1fr)}.member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.member-card{background:var(--card);border-radius:18px;overflow:hidden;box-shadow:0 7px 25px rgba(15,23,42,.07);transition:.2s}.member-card:hover{transform:translateY(-3px)}.member-card>img{width:100%;height:210px;object-fit:cover;background:#e5e7eb}.member-card-body{padding:18px}.member-card-body h3{margin:0 0 5px}.member-code{color:var(--red);font-weight:800;font-size:13px;margin-bottom:8px}.member-card-body p{margin:7px 0;color:var(--muted);font-size:14px}.gallery img{width:100%;height:230px;object-fit:cover;border-radius:15px}.footer{background:var(--nav);color:#fff;text-align:center;padding:35px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(135deg,#111827,#263244)}.auth{width:min(470px,94%);background:#fff;padding:32px;border-radius:20px;box-shadow:0 20px 60px #0004}.auth .logo{margin:auto}.auth h1{text-align:center}.field{margin:14px 0}.field label{display:block;font-weight:700;font-size:14px;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;padding:12px 13px;border:1px solid #d7dce5;border-radius:9px;font:inherit}.field textarea{min-height:100px}.full{width:100%}.notice{padding:12px 14px;border-radius:10px;margin:12px 0}.notice.error{background:#fee2e2;color:#991b1b}.notice.success{background:#dcfce7;color:#166534}.notice.info{background:#e0f2fe;color:#075985}.topbar{background:var(--nav);color:#fff;padding:16px 0}.dash{padding:35px 0}.dash-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.profile{display:flex;gap:18px;align-items:center}.avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;background:#e5e7eb;border:4px solid #fff;box-shadow:0 3px 15px #0002}.badge{display:inline-block;padding:5px 10px;border-radius:20px;background:#dcfce7;color:#166534;font-size:12px;font-weight:700}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.activity{padding:14px 0;border-bottom:1px solid #e5e7eb}.activity:last-child{border:0}.thumb{width:100%;height:240px;object-fit:cover;border-radius:14px}.admin-nav{background:#0b1220;color:#fff;padding:12px 0}.admin-nav .container{display:flex;gap:18px;flex-wrap:wrap}.admin-nav a{color:#cbd5e1;font-size:14px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.table th,.table td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap}.table th{background:#f8fafc}.btn-small{padding:7px 10px;border-radius:7px;border:0;cursor:pointer;font-weight:700}.green{background:#dcfce7;color:#166534}.red{background:#fee2e2;color:#991b1b}.yellow{background:#fef3c7;color:#92400e}.mobile-toggle{display:none}
@media(max-width:800px){.menu{display:none}.mobile-toggle{display:block;background:none;border:0;color:#fff;font-size:24px}.stats,.cards,.gallery,.grid2{grid-template-columns:1fr 1fr}.member-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:520px}}
@media(max-width:560px){.stats,.cards,.gallery,.grid2,.member-grid{grid-template-columns:1fr}.nav-inner{height:64px}.logo{width:46px;height:46px}.brand{font-size:15px}.hero h1{font-size:38px}.section{padding:50px 0}.dash-head{align-items:flex-start;flex-direction:column}}

.sponsor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.sponsor-card{background:var(--card);border-radius:18px;padding:20px;box-shadow:0 7px 25px rgba(15,23,42,.07);text-align:center;min-height:210px;display:flex;align-items:center;justify-content:center}.sponsor-card>a{width:100%;color:inherit}.sponsor-logo{height:110px;display:grid;place-items:center;margin-bottom:10px}.sponsor-logo img{max-width:170px;max-height:100px;object-fit:contain}.sponsor-logo span{font-size:50px}.sponsor-info h3{margin:5px 0}.sponsor-info p{color:var(--muted);font-size:13px;margin:4px 0}.sponsor-admin-grid{display:grid;gap:14px}.sponsor-admin-card{display:flex;gap:16px;align-items:center;padding:14px;border:1px solid #e8e8e8;border-radius:14px}.sponsor-logo-box{width:110px;height:80px;border-radius:10px;background:#f8fafc;display:grid;place-items:center;flex:0 0 auto}.sponsor-logo-box img{max-width:95px;max-height:65px;object-fit:contain}.sponsor-logo-box span{font-size:30px}.sponsor-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.sponsor-actions form{display:inline}@media(max-width:800px){.sponsor-grid{grid-template-columns:repeat(2,1fr)}.sponsor-admin-card{align-items:flex-start;flex-wrap:wrap}.sponsor-actions{width:100%;justify-content:flex-start}}@media(max-width:560px){.sponsor-grid{grid-template-columns:1fr}}

/* V6 - Minimal community / social-feed style */
body{background:#eef1f5}
.container{width:min(1040px,94%)}
.nav{box-shadow:0 1px 4px rgba(15,23,42,.12)}
.nav-inner{height:60px}.logo{width:40px;height:40px;font-size:13px}.brand{font-size:16px;gap:9px}.menu{gap:16px;font-size:13px}.login-btn{padding:8px 13px;border-radius:7px}
.hero{min-height:390px}.hero h1{font-size:clamp(30px,5vw,52px)}.hero p{font-size:16px}.section{padding:42px 0}.section h2{font-size:26px}.lead{margin-bottom:24px;font-size:14px}.stats{gap:12px}.stat{padding:18px 16px;border-radius:12px;box-shadow:0 1px 5px rgba(15,23,42,.07);font-size:13px}.stat strong{font-size:25px;margin-bottom:4px}
/* compact member cards */
.member-grid{grid-template-columns:repeat(3,1fr);gap:12px}.member-card{display:flex;align-items:center;min-height:96px;border-radius:12px;box-shadow:0 1px 5px rgba(15,23,42,.08);transition:none}.member-card:hover{transform:none}.member-card>img{width:78px;height:96px;flex:0 0 78px;border-radius:0;object-fit:cover}.member-card-body{padding:11px 12px;min-width:0}.member-card-body h3{font-size:15px;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-code{font-size:11px;margin-bottom:4px}.member-card-body p{font-size:12px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-card .badge{font-size:10px;padding:3px 7px}
.cards{gap:12px}.card{border-radius:12px;padding:18px;box-shadow:0 1px 5px rgba(15,23,42,.07)}.cards .card h3{font-size:17px}.cards .card p{font-size:13px}.gallery{gap:8px}.gallery img{height:190px;border-radius:10px}.sponsor-grid{gap:12px}.sponsor-card{min-height:150px;border-radius:12px;padding:14px;box-shadow:0 1px 5px rgba(15,23,42,.07)}.sponsor-logo{height:75px}.sponsor-logo img{max-width:130px;max-height:70px}.sponsor-info h3{font-size:14px}
.footer{padding:28px 0}
/* member dashboard compact */
.topbar{padding:11px 0;box-shadow:0 1px 4px rgba(15,23,42,.12)}.dash{padding:20px 0}.dash-head{margin-bottom:15px}.profile{gap:11px}.avatar{width:58px;height:58px;border-width:2px}.dash-head h1{font-size:19px!important}.dash-head p{font-size:12px;margin:5px 0}.grid2{gap:12px}.dash .card{padding:16px}.dash .card h2{font-size:17px;margin-top:0}.field{margin:10px 0}.field input,.field textarea,.field select{padding:10px 11px;font-size:13px}.field textarea{min-height:75px}.activity{padding:10px 0;font-size:13px}.admin-nav{padding:8px 0}.admin-nav .container{gap:12px}.admin-nav a{font-size:12px}
@media(max-width:800px){.member-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:360px}.section{padding:35px 0}.gallery img{height:150px}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.container{width:94%}.nav-inner{height:58px}.brand{font-size:14px}.menu{display:none}.hero{min-height:330px}.hero h1{font-size:31px}.hero p{font-size:14px}.section h2{font-size:23px}.member-grid{grid-template-columns:1fr;gap:8px}.member-card{min-height:82px}.member-card>img{width:68px;height:82px;flex-basis:68px}.member-card-body{padding:9px 11px}.gallery{grid-template-columns:repeat(2,1fr)}.gallery img{height:135px}.sponsor-grid{grid-template-columns:repeat(2,1fr)}.sponsor-card{min-height:130px}.dash-head{gap:10px}.dash-head .btn{font-size:12px;padding:8px 10px}.profile{width:100%}}

/* V7 - Mobile Android navigation: login always accessible */
@media(max-width:800px){
  .nav-inner{position:relative;}
  .mobile-toggle{display:block!important;width:42px;height:42px;border:0;border-radius:8px;background:var(--red);color:#fff;font-size:22px;line-height:42px;text-align:center;cursor:pointer;flex:0 0 42px;}
  .menu{display:none!important;position:absolute;top:58px;left:0;right:0;background:rgba(17,24,39,.99);padding:12px 3%;flex-direction:column;align-items:stretch;gap:4px;box-shadow:0 8px 18px rgba(0,0,0,.18);border-top:1px solid rgba(255,255,255,.08);}
  .menu.mobile-open{display:flex!important;}
  .menu a{display:block;padding:12px 14px;color:#e5e7eb;font-size:14px;border-radius:7px;}
  .menu a:hover{background:rgba(255,255,255,.08);color:#fff;}
  .menu .login-btn{margin:6px 0 2px;text-align:center;background:var(--red)!important;color:#fff!important;padding:12px 14px!important;}
}
@media(min-width:801px){.mobile-toggle{display:none!important;}}

/* V8 - Mobile-first social feed */
.social-section{background:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:18px}.section-head h2{margin-bottom:5px;text-align:left}.lead.left{text-align:left;margin:0;font-size:14px}.mini-link{color:var(--red);font-weight:800;font-size:13px;white-space:nowrap}.feed-section{background:#eef1f5;padding-top:28px}.feed-wrap{max-width:760px}.feed-list{display:grid;gap:12px}.post-card{background:#fff;border-radius:14px;box-shadow:0 1px 6px rgba(15,23,42,.08);overflow:hidden}.post-head{display:flex;align-items:center;gap:10px;padding:12px 14px}.post-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#e5e7eb}.post-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.post-meta strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-meta span{font-size:11px;color:var(--muted)}.post-menu{color:#9aa3b2;font-weight:900;letter-spacing:2px}.post-caption{padding:0 14px 10px;font-size:14px;line-height:1.45}.post-image{display:block;width:100%;max-height:620px;object-fit:cover;background:#e5e7eb}.post-actions{display:flex;align-items:center;gap:4px;padding:8px 10px;border-bottom:1px solid #edf0f3}.post-actions form{margin:0}.action-btn{background:transparent;border:0;border-radius:9px;padding:8px 9px;color:#526071;font-weight:700;cursor:pointer;font-size:13px}.action-btn:hover{background:#f3f5f8}.action-btn.liked{color:#e11d48}.share-btn{margin-left:auto}.comments{padding:5px 14px 2px}.comment-row{display:flex;gap:8px;align-items:flex-start;padding:5px 0;font-size:13px;line-height:1.35}.comment-row img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:0 0 28px}.comment-row strong{margin-right:4px}.comment-row span{color:#46505e}.more-comments{color:#7a8492;font-size:12px;padding:4px 0 7px;font-weight:600}.comment-form{display:flex;gap:7px;align-items:center;padding:10px 14px}.comment-form img{width:30px;height:30px;border-radius:50%;object-fit:cover}.comment-form input{min-width:0;flex:1;border:1px solid #e0e5eb;background:#f7f8fa;border-radius:20px;padding:9px 12px;outline:none;font:inherit;font-size:13px}.comment-form input:focus{border-color:#cbd5e1;background:#fff}.comment-form button{border:0;background:var(--red);color:#fff;border-radius:18px;padding:9px 13px;font-weight:800;cursor:pointer}.login-comment{padding:12px 14px;color:var(--muted);font-size:12px}.login-comment a{color:var(--red);font-weight:800}.empty-social{text-align:center;background:#fff;border-radius:14px;padding:38px 20px;box-shadow:0 1px 6px rgba(15,23,42,.08)}.empty-icon{font-size:38px}.empty-social h3{margin:8px 0 4px}.empty-social p{color:var(--muted);font-size:13px}
@media(max-width:560px){.section-head{align-items:center}.section-head h2{font-size:21px}.lead.left{font-size:12px}.post-card{border-radius:12px}.post-head{padding:10px 12px}.post-avatar{width:38px;height:38px}.post-meta strong{font-size:13px}.post-caption{font-size:13px;padding:0 12px 9px}.post-image{max-height:460px}.post-actions{padding:6px 7px}.action-btn{padding:8px 7px;font-size:12px}.comments{padding-left:12px;padding-right:12px}.comment-form{padding:9px 12px}.comment-form button{padding:8px 11px}.member-grid{grid-template-columns:1fr!important}.member-card{min-height:78px}.member-card>img{width:64px;height:78px;flex-basis:64px}}

/* V9 navigation and compact pages */
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.section-head h1,.section-head h2{margin-bottom:6px}.lead.left{text-align:left;margin:0}.mini-link{font-weight:800;color:var(--red);white-space:nowrap}.dark-outline{color:var(--text)!important;border-color:#cbd5e1!important}.back-dashboard{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:25px 0 5px}.member-preview .member-card{cursor:pointer}.admin-gallery .card{padding:14px}.admin-gallery .thumb{height:190px}@media(max-width:700px){.section-head{align-items:flex-start;flex-direction:column}.section-head .btn{width:100%;text-align:center}.member-list-page{grid-template-columns:1fr 1fr!important}}@media(max-width:560px){.member-list-page{grid-template-columns:1fr!important}.member-list-page .member-card{min-height:104px}.back-dashboard .btn{width:100%;text-align:center}.admin-gallery{grid-template-columns:1fr!important}}

/* V10 - mobile navigation + compact member summary */
.member-summary{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #edf0f4;border-radius:14px;padding:14px 16px;box-shadow:0 2px 10px rgba(15,23,42,.05)}
.member-stack{display:flex;align-items:center;padding-left:8px;min-width:max-content}.member-stack img,.member-more{width:46px;height:46px;border-radius:50%;object-fit:cover;border:3px solid #fff;background:#e5e7eb;margin-left:-8px;box-shadow:0 1px 4px rgba(15,23,42,.15)}
.member-more{display:grid;place-items:center;background:#eef2f7;color:#4b5563;font-size:11px;font-weight:800}.member-summary-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.member-summary-text strong{font-size:15px}.member-summary-text span{font-size:12px;color:var(--muted)}.btn-compact{padding:9px 13px;font-size:12px;white-space:nowrap}.member-summary.empty{justify-content:space-between}.member-summary-icon{font-size:28px}
@media(max-width:800px){
  .nav{z-index:1000}.nav-inner{height:58px}.mobile-toggle{display:grid!important;place-items:center;width:42px;height:42px;border:0;border-radius:9px;background:var(--red)!important;color:#fff!important;font-size:22px;line-height:1;cursor:pointer;flex:0 0 42px;position:relative;z-index:1002}.menu{display:none!important;position:absolute;top:58px;left:0;right:0;width:100%;background:#111827;padding:10px 12px 14px;flex-direction:column;align-items:stretch;gap:3px;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 14px 30px rgba(0,0,0,.28);max-height:calc(100vh - 58px);overflow-y:auto;z-index:1001}.menu.mobile-open{display:flex!important}.menu a{display:block!important;padding:12px 14px!important;color:#e5e7eb!important;font-size:14px!important;border-radius:8px}.menu a:hover,.menu a:focus{background:#1f2937!important;color:#fff!important}.menu .login-btn{margin-top:7px!important;text-align:center;background:var(--red)!important;color:#fff!important}.menu-open{overflow:hidden}.member-summary{gap:12px;padding:12px}.member-stack img,.member-more{width:40px;height:40px}.member-summary-text strong{font-size:13px}.member-summary-text span{font-size:11px}.btn-compact{padding:8px 10px;font-size:11px}}
@media(max-width:560px){.member-summary{align-items:center}.member-stack img,.member-more{width:36px;height:36px}.member-stack{padding-left:5px}.member-summary-text span{display:none}.member-summary-text strong{font-size:12px}.btn-compact{font-size:11px;padding:8px 9px}.member-head .mini-link{font-size:11px}.social-section{padding-top:28px;padding-bottom:28px}}
@media(min-width:801px){.mobile-toggle{display:none!important}}

/* =========================================================
   BTC V11 MOBILE NAV - CSS FALLBACK
   Menu remains functional even when JavaScript is disabled.
   ========================================================= */
.menu-check{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.close-icon{display:none}
@media (min-width:801px){
  .mobile-toggle{display:none!important}
  .menu{display:flex!important;position:static!important;width:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;flex-direction:row!important;align-items:center!important}
}
@media (max-width:800px){
  .btc-nav-v11{z-index:9999!important}
  .btc-nav-v11 .nav-inner{position:relative!important;height:58px!important}
  .btc-nav-v11 .mobile-toggle{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;flex:0 0 42px!important;border:0!important;border-radius:9px!important;background:var(--red)!important;color:#fff!important;font-size:22px!important;line-height:1!important;cursor:pointer!important;position:relative!important;z-index:10002!important}
  .btc-nav-v11 .menu{display:none!important;position:absolute!important;top:58px!important;left:3%!important;right:3%!important;width:94%!important;margin:0!important;background:#111827!important;padding:9px!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:0 0 12px 12px!important;box-shadow:0 16px 35px rgba(0,0,0,.35)!important;max-height:calc(100vh - 66px)!important;overflow-y:auto!important;z-index:10001!important}
  .btc-nav-v11 .menu a{display:block!important;padding:12px 14px!important;color:#f8fafc!important;font-size:14px!important;border-radius:8px!important}
  .btc-nav-v11 .menu a:hover,.btc-nav-v11 .menu a:focus{background:#1f2937!important;color:#fff!important}
  .btc-nav-v11 .menu .login-btn{margin-top:7px!important;text-align:center!important;background:var(--red)!important;color:#fff!important}
  #btcMenuCheck:checked + .mobile-toggle .hamburger-icon{display:none!important}
  #btcMenuCheck:checked + .mobile-toggle .close-icon{display:inline!important}
  #btcMenuCheck:checked ~ #mainMenu{display:flex!important}
}

/* V12: gunakan logo gambar komunitas di seluruh halaman */
.brand-logo{width:46px;height:46px;object-fit:contain;display:block;flex:0 0 46px}
.auth-logo{width:110px;height:110px;object-fit:contain;display:block;margin:0 auto 12px}
.logo{display:none!important}
@media(max-width:800px){.brand-logo{width:42px;height:42px;flex-basis:42px}.brand{gap:8px}.auth-logo{width:90px;height:90px}}

/* V13 - Kunci ukuran logo header agar tidak pernah membesar */
.btc-nav-v12 .brand-logo,
.btc-nav-v11 .brand-logo,
.nav .brand-logo {
  width:46px!important;
  height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  object-fit:contain!important;
  flex:0 0 46px!important;
  display:block!important;
}
.nav .brand {
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  width:auto!important;
  max-width:320px!important;
  min-width:0!important;
  overflow:hidden!important;
}
.nav .brand>span {
  display:block!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:800px){
  .btc-nav-v12 .brand-logo,
  .btc-nav-v11 .brand-logo,
  .nav .brand-logo {
    width:40px!important;height:40px!important;
    max-width:40px!important;max-height:40px!important;
    min-width:40px!important;min-height:40px!important;
    flex-basis:40px!important;
  }
  .nav .brand {max-width:calc(100vw - 105px)!important;gap:7px!important}
}