/* Theme Name: Genk Berbagi Pro
Theme URI: https://genkberbagi.com
Author: OpenAI
Description: Tema komunitas sosial premium hitam emas untuk GENK BERBAGI.
Version: 2.0.0
Text Domain: genk-berbagi-pro
*/

:root{--gold:#e8b52e;--gold2:#ffd66b;--bg:#080808;--panel:#15120d;--line:#4a3711;--white:#f7f3e9;--muted:#c7c0b3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:99;background:#080808f2;border-bottom:1px solid #3b2d13;backdrop-filter:blur(10px)}.nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.5px}.brand-mark{width:43px;height:43px;border:2px solid var(--gold);border-radius:12px;color:var(--gold);display:grid;place-items:center;font-size:23px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#ddd;margin-top:4px}.menu{display:flex;gap:27px;font-size:13px}.menu a:hover{color:var(--gold)}.nav-cta,.btn{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border-radius:8px;background:linear-gradient(120deg,#f7cb54,#d99b13);color:#100d06;font-weight:800;font-size:13px;border:1px solid var(--gold)}.btn.outline{background:transparent;color:var(--gold2)}.hero{min-height:390px;position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #5a4217;background:linear-gradient(90deg,#080808 0%,#080808f0 32%,#08080820 75%),url('assets/images/hero-sample.jpg') center/cover no-repeat}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,transparent,var(--gold),#fff1a4,var(--gold),transparent);box-shadow:0 0 20px var(--gold)}.hero-content{position:relative;z-index:1;padding:55px 0;max-width:520px}.eyebrow{color:var(--gold2);font-size:10px;letter-spacing:3px;font-weight:800;text-transform:uppercase}.hero h1{font-family:Georgia,serif;font-size:clamp(40px,5vw,66px);line-height:.98;margin:15px 0}.gold{color:var(--gold2)}.hero p{max-width:430px;color:#eee;line-height:1.55;font-size:14px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.micro{font-size:10px;letter-spacing:2px;color:#e4d5ae;margin-top:20px}.section{padding:38px 0;border-bottom:1px solid #302516}.section.alt{background:#0e0e0e}.section-head{margin-bottom:18px}.section h2{font: bold clamp(27px,3vw,40px)/1.05 Georgia,serif;margin:5px 0 8px}.section p.lead{color:#c9c2b6;font-size:14px;margin:0}.about-grid{display:grid;grid-template-columns:1fr 1.15fr .8fr;gap:22px;align-items:stretch}.about-copy h2{font-size:32px}.principle,.video-card,.card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#1b1710,#0e0e0e);overflow:hidden}.principle{padding:20px}.principle h3{font: bold 23px Georgia;color:var(--gold2);margin:6px 0}.principle p{color:#c9c2b6;font-size:13px;line-height:1.5}.principle-points{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:15px;padding-top:15px;text-align:center;font-size:12px}.principle-points b{display:block;color:var(--gold);font-size:23px;margin-bottom:5px}.video-card{position:relative;min-height:210px;background:url('assets/images/gallery-1.jpg') center/cover}.video-card:after{content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#080808c9;border:2px solid white;font-size:18px}.video-label{position:absolute;bottom:12px;left:14px;font-weight:bold;text-shadow:0 2px 5px #000}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card img{width:100%;height:135px;object-fit:cover;display:block}.card-body{padding:13px}.card h3{font-size:17px;margin:0 0 7px}.card p{font-size:12px;line-height:1.45;color:#c9c2b6;margin:0 0 9px}.gold-link{color:var(--gold2);font-size:12px;font-weight:bold}.stats{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;margin:20px 0;padding:17px 12px;border:1px solid var(--gold);border-radius:12px;background:linear-gradient(100deg,#6a460b,#211708,#6a460b);box-shadow:0 0 18px #c58d2533}.stat{text-align:center;border-right:1px solid #b78a31}.stat:last-child{border:0}.stat strong{display:block;font-size:24px}.stat span{font-size:11px;color:#f1dfb4}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.news-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#17130d}.news-card img{width:100%;height:120px;object-fit:cover;display:block}.news-card .body{padding:12px}.date{font-size:10px;color:var(--gold2);margin-bottom:8px}.news-card h3{font-size:15px;line-height:1.25;margin:0 0 7px}.news-card p{font-size:12px;line-height:1.4;color:#c9c2b6;margin:0}.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.gallery img{width:100%;height:100px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.partners{display:flex;align-items:center;justify-content:space-around;gap:15px;flex-wrap:wrap;padding:22px 0;color:#f5e8c5;font-weight:800}.partners span{border-right:1px solid #755a21;padding:0 18px}.cta{background:linear-gradient(90deg,#100d08dd,#100d0870),url('assets/images/cta-bg.jpg') center/cover;padding:48px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font: bold 38px Georgia;margin:0 0 10px}.quote{max-width:300px;border-left:2px solid var(--gold);padding-left:20px;font:italic 20px Georgia;color:#f8e5b0}.footer{padding:25px 0;color:#aaa;font-size:12px;border-top:1px solid #493714}.mobile-toggle{display:none}
@media(max-width:850px){.menu{gap:12px}.about-grid{grid-template-columns:1fr 1fr}.video-card{display:none}.grid,.news-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(3,1fr);gap:14px}.stat:nth-child(3){border:0}.gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.nav{height:auto;min-height:65px;flex-wrap:wrap;padding:10px 0}.menu{order:3;width:100%;overflow:auto;padding:8px 0;gap:20px}.menu a{white-space:nowrap}.nav-cta{font-size:11px;padding:10px}.hero{min-height:470px;background-position:58% center}.hero-content{padding:45px 0}.hero h1{font-size:43px}.about-grid{grid-template-columns:1fr}.grid,.news-grid{grid-template-columns:1fr 1fr;gap:10px}.card img{height:110px}.stats{grid-template-columns:1fr 1fr}.stat{border:0}.gallery{grid-template-columns:repeat(2,1fr)}.cta-inner{display:block}.quote{margin-top:25px}.section{padding:30px 0}}