:root{
    --emas: #D4AF37;
    --emas-gelap: #B8860B;
    --hitam: #0F0F0F;
    --abu: #1A1A1A;
    --putih: #FFFFFF;
    --abu-lembut: #F5F5F5;
    --bayangan: 0 10px 40px rgba(0,0,0,.15);
}
*{margin:0;padding:0;box-sizing:border-box}
body{
    font-family:'Inter',sans-serif;
    background:linear-gradient(135deg,#FAFAFA 0%,#F0F0F0 100%);
    color:#333;line-height:1.6;min-height:100vh
}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.header{
    background:linear-gradient(135deg,var(--hitam) 0%,#2A2A2A 100%);
    color:white;padding:30px 0 25px;box-shadow:var(--bayangan);position:relative
}
.nav-wrapper{text-align:center}
.logo{
    font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:700;
    color:var(--emas);text-decoration:none;display:inline-flex;align-items:center;gap:10px
}
.logo-icon{font-size:2.5rem}
.tagline{color:#AAA;margin-top:8px;font-size:.95rem;letter-spacing:1px}
.main{padding:40px 0}
.berita-unggulan{margin-bottom:40px}
.kartu{
    background:white;border-radius:16px;padding:28px;text-decoration:none;
    display:block;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.08);
    border:1px solid rgba(212,175,55,.1)
}
.kartu:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(212,175,55,.15);border-color:var(--emas)}
.utama{
    background:linear-gradient(135deg,#FFFFFF 0%,#FFFAEA 100%);
    border:2px solid var(--emas);padding:35px
}
.kategori{
    display:inline-block;background:var(--emas);color:white;padding:6px 16px;
    border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:15px
}
.kartu h2,.kartu h3{
    font-family:'Playfair Display',serif;color:var(--hitam);margin-bottom:12px;line-height:1.3
}
.utama h2{font-size:2rem}
.kartu h3{font-size:1.3rem}
.ringkas{color:#666;margin-bottom:15px}
.waktu{font-size:.85rem;color:#999}
.grid-berita{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}
.konten-penuh{max-width:800px}
.artikel{background:white;padding:40px;border-radius:16px;box-shadow:var(--bayangan)}
.artikel h1{
    font-family:'Playfair Display',serif;font-size:2rem;color:var(--hitam);margin-bottom:20px;
    line-height:1.3;border-bottom:2px solid var(--emas);padding-bottom:15px
}
.meta{display:flex;gap:20px;margin-bottom:30px;padding-bottom:15px;border-bottom:1px dashed #EEE}
.tanggal{color:#666}
.sumber{color:var(--emas);font-weight:600}
.isi{font-size:1.1rem;line-height:1.9;color:#333;white-space:pre-wrap}
.kembali{display:inline-block;margin-top:30px;color:var(--emas);text-decoration:none;font-weight:600}
.kembali:hover{text-decoration:underline}
.kosong{text-align:center;padding:60px 20px;color:#666}
.footer{
    background:var(--hitam);color:white;text-align:center;padding:30px 0;margin-top:60px
}
.integrasi{color:var(--emas);margin-top:8px;font-size:.9rem}
@media(max-width:768px){
    .utama h2{font-size:1.5rem}
    .artikel{padding:25px}.artikel h1{font-size:1.5rem}
    .grid-berita{grid-template-columns:1fr}
}