:root{--bg:#090909;--dark:#111214;--card:#16181c;--border:#232529;--gold:#f5c842;--gold-dim:#c9a030;--white:#f4f2ee;--muted:#7a7a82;--danger:#e8453c;--green:#2ecc71;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;}
/* NAV */
nav{background:#fff;padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:86px;box-shadow:0 2px 20px rgba(0,0,0,.1);position:sticky;top:0;z-index:100;}
.logo{display:flex;align-items:center;gap:.7rem;text-decoration:none;}
.logo-img{height:78px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(201,160,48,0.35));}
.logo-text{display:flex;flex-direction:column;line-height:1;}
.logo-sme{font-family:'Bebas Neue',sans-serif;font-size:2.2rem;color:#111214;letter-spacing:1px;}
nav ul{list-style:none;display:flex;align-items:center;gap:.2rem;}
nav ul li a{color:#444;text-decoration:none;font-size:.85rem;font-weight:500;padding:.4rem .6rem;border-radius:6px;transition:color .2s;white-space:nowrap;}
nav ul li a:hover,nav ul li a.nav-active{color:var(--gold-dim);font-weight:700;}
.nav-cta{background:var(--gold);color:#111!important;font-weight:700!important;padding:.45rem 1rem!important;border-radius:8px;font-size:.8rem!important;cursor:pointer;border:none;font-family:'DM Sans',sans-serif;display:inline-flex!important;align-items:center;justify-content:center;text-align:center;text-decoration:none!important;line-height:1.2;transition:background .2s;}
.nav-cta:hover{background:#ffd85a!important;}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;}
.hamburger span{display:block;width:24px;height:2px;background:#333;border-radius:2px;}
/* MOBILE MENU */
.mobile-menu{display:none;flex-direction:column;background:#fff;position:fixed;top:86px;left:0;right:0;z-index:99;box-shadow:0 8px 20px rgba(0,0,0,.1);border-top:1px solid #eee;}
.mobile-menu.open{display:flex;}
.mobile-menu a{color:#333;text-decoration:none;font-size:.92rem;font-weight:500;padding:.9rem 5%;border-bottom:1px solid #f0f0f0;}
.mobile-menu a:last-child{border-bottom:none;}
.mob-cta{background:var(--gold);color:#111!important;font-weight:700;padding:.8rem 5%!important;font-size:.9rem;cursor:pointer;display:block;text-decoration:none!important;}
/* SECTION HELPERS */
.section-label{font-family:'Bebas Neue',sans-serif;font-size:.75rem;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-bottom:.7rem;}
.section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2rem,5vw,4rem);line-height:1;margin-bottom:1rem;}
.section-title em{font-family:'Instrument Serif',serif;font-style:italic;color:var(--gold);}
/* BUTTONS */
.btn-primary{background:var(--gold);color:#111;font-weight:700;padding:.8rem 1.8rem;border-radius:8px;border:none;cursor:pointer;font-size:.9rem;font-family:'DM Sans',sans-serif;text-decoration:none;display:inline-block;transition:all .2s;}
.btn-primary:hover{background:#ffd85a;transform:translateY(-1px);}
.btn-ghost{background:transparent;color:var(--white);font-weight:500;padding:.8rem 1.8rem;border-radius:8px;border:1px solid var(--border);cursor:pointer;font-size:.9rem;font-family:'DM Sans',sans-serif;text-decoration:none;display:inline-block;transition:all .2s;}
.btn-ghost:hover{border-color:var(--white);}
/* BLOG INDEX */
.blog-hero{padding:5rem 6% 4rem;background:var(--dark);border-bottom:1px solid var(--border);}
.blog-grid{padding:4rem 6%;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;}
.blog-card{background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.8rem;display:flex;flex-direction:column;gap:.9rem;backdrop-filter:blur(20px);transition:all .3s;}
.blog-card:hover{transform:translateY(-4px);border-color:rgba(245,200,66,.3);box-shadow:0 8px 32px rgba(0,0,0,.3);}
.blog-card-cat{display:inline-block;background:rgba(245,200,66,.15);border:1px solid rgba(245,200,66,.35);color:var(--gold);padding:.25rem .7rem;border-radius:100px;font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;width:fit-content;}
.blog-card-title{font-family:'Bebas Neue',sans-serif;font-size:1.45rem;line-height:1.1;color:var(--white);}
.blog-card-desc{font-size:.86rem;color:var(--muted);line-height:1.65;flex:1;}
.blog-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.3rem;flex-wrap:wrap;gap:.5rem;}
.blog-card-date{font-size:.74rem;color:var(--muted);}
/* ARTICLE */
.article-hero{padding:5rem 6% 3.5rem;background:var(--dark);border-bottom:1px solid var(--border);}
.article-hero-inner{max-width:800px;margin:0 auto;}
.article-body{max-width:760px;margin:0 auto;padding:4rem 6%;}
.article-body h2{font-family:'Bebas Neue',sans-serif;font-size:1.9rem;color:var(--white);margin:2.5rem 0 1rem;letter-spacing:.5px;line-height:1.1;}
.article-body h3{font-size:1.08rem;font-weight:700;color:var(--white);margin:2rem 0 .7rem;}
.article-body p{color:rgba(244,242,238,.87);line-height:1.85;margin-bottom:1.2rem;font-size:.97rem;}
.article-body ul,.article-body ol{margin:1rem 0 1.5rem 1.4rem;}
.article-body li{color:rgba(244,242,238,.87);line-height:1.8;margin-bottom:.5rem;font-size:.97rem;}
.article-body strong{color:var(--white);font-weight:700;}
.article-body a{color:var(--gold);text-decoration:none;}
.article-body a:hover{text-decoration:underline;}
.article-body blockquote{border-left:3px solid var(--gold);padding:.8rem 1.2rem;margin:1.5rem 0;background:rgba(245,200,66,.05);border-radius:0 8px 8px 0;}
.article-body blockquote p{margin:0;color:var(--white);font-style:italic;}
.article-divider{border:none;border-top:1px solid var(--border);margin:2.5rem 0;}
.article-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem;}
.article-table th{background:rgba(245,200,66,.12);color:var(--gold);padding:.7rem 1rem;text-align:left;border-bottom:1px solid var(--border);font-weight:700;}
.article-table td{padding:.7rem 1rem;border-bottom:1px solid var(--border);color:rgba(244,242,238,.85);}
.article-table tr:last-child td{border-bottom:none;}
.callout{background:rgba(245,200,66,.07);border:1px solid rgba(245,200,66,.25);border-radius:12px;padding:1.2rem 1.5rem;margin:1.5rem 0;}
.callout p{margin:0;color:var(--white);}
/* CREDENTIALS */
.credentials{background:var(--dark);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:3rem 6%;}
.credentials-inner{max-width:760px;margin:0 auto;display:flex;gap:2rem;flex-wrap:wrap;align-items:center;}
.cred-badge{display:flex;align-items:center;gap:.7rem;flex:1;min-width:200px;}
.cred-icon{width:42px;height:42px;border-radius:10px;background:rgba(245,200,66,.12);border:1px solid rgba(245,200,66,.25);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;}
.cred-text{font-size:.83rem;color:var(--muted);line-height:1.5;}
.cred-text strong{display:block;color:var(--white);margin-bottom:.1rem;font-size:.85rem;}
/* ARTICLE CTA */
.article-cta{padding:5rem 6%;text-align:center;position:relative;overflow:hidden;}
.article-cta::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(245,200,66,.07) 0%,transparent 70%);pointer-events:none;}
.article-cta h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(2rem,5vw,4rem);margin-bottom:1rem;position:relative;z-index:1;}
.article-cta p{color:var(--muted);max-width:440px;margin:0 auto 2rem;line-height:1.7;position:relative;z-index:1;}
.article-cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:1;}
/* RESPONSIVE */
@media(max-width:768px){
  nav{height:64px;}
  nav ul{display:none;}
  .hamburger{display:flex;}
  .mobile-menu{top:64px;}
  .logo-img{height:52px;}
  .blog-grid{grid-template-columns:1fr;padding:2.5rem 5%;}
  .blog-hero,.article-hero{padding:3rem 5% 2.5rem;}
  .article-body{padding:2.5rem 5%;}
  .credentials{padding:2rem 5%;}
  .credentials-inner{flex-direction:column;gap:1.2rem;}
  .article-cta{padding:3.5rem 5%;}
}