/* SHIN'AFRIKA Magazine — Main Stylesheet */
/* All site styles — loaded via functions.php */

/* ================================================================
   SHIN'AFRIKA Magazine — style.css
   Master stylesheet for all pages
   ================================================================
   BASE STYLES:    Lines below — apply to every page
   PAGE STYLES:    Sectioned by page name
   ================================================================ */

/* ════════════════════════════════════════════════════════════════
   BASE — Applied to ALL pages
   ════════════════════════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --gold:#E6A817;--gold-light:#F5C842;--gold-dark:#B8860B;
  --black:#0A0A0A;--off-black:#111111;--dark:#1A1A1A;
  --mid:#2C2C2C;--muted:#8A8A8A;--light:#CCCCCC;--white:#FAFAFA;
  --border:rgba(230,168,23,0.2);
  --font-d:'Playfair Display',Georgia,serif;
  --font-b:'DM Sans',system-ui,sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--font-b);background:var(--black);color:var(--white);line-height:1.6;overflow-x:hidden}

/* TRANSLATE */
.translate-bar{background:#0A0A0A;border-bottom:1px solid rgba(230,168,23,0.25);padding:8px 24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-height:44px}
.tbar-left{display:flex;align-items:center;gap:8px;flex-shrink:0}
.tbar-label{color:rgba(230,168,23,0.8);font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase}
.tbar-divider{width:1px;height:18px;background:rgba(230,168,23,0.2);flex-shrink:0}
.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate{display:none!important}
.skiptranslate iframe{display:none!important;height:0!important}
body{top:0!important}
#google_translate_element{display:block!important;flex-shrink:0}
#google_translate_element .goog-te-gadget{font-family:var(--font-b)!important;color:var(--muted)!important;font-size:11px!important}
#google_translate_element .goog-te-gadget>span{display:none!important}
#google_translate_element select.goog-te-combo{background:#111!important;border:1px solid rgba(230,168,23,0.4)!important;color:#E6A817!important;font-family:var(--font-b)!important;font-size:13px!important;font-weight:600!important;padding:6px 12px!important;border-radius:2px!important;cursor:pointer!important;outline:none!important;min-width:160px!important}
#google_translate_element select.goog-te-combo:hover{border-color:var(--gold)!important;background:#1a1a1a!important}
#google_translate_element select.goog-te-combo option{background:#111!important;color:#fff!important}

/* NAV */
nav{background:var(--off-black);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200}
.nav-inner{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.nav-logo img{height:42px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:22px;list-style:none}
.nav-links a{color:var(--light);text-decoration:none;font-size:12px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;transition:color 0.2s;white-space:nowrap}
.nav-links a:hover,.nav-links a.act{color:var(--gold)}
.nav-cta{display:flex;align-items:center;gap:8px;flex-shrink:0}
.btn-sub{background:var(--gold);color:var(--black);border:none;padding:9px 18px;font-family:var(--font-b);font-size:12px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;text-decoration:none;transition:background 0.2s;white-space:nowrap}
.btn-sub:hover{background:var(--gold-light)}
.btn-out{background:transparent;color:var(--gold);border:1px solid var(--gold);padding:8px 16px;font-family:var(--font-b);font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;text-decoration:none;transition:all 0.2s;white-space:nowrap}
.btn-out:hover{background:var(--gold);color:var(--black)}
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:8px;background:none;border:none;flex-shrink:0}
.hamburger span{display:block;width:24px;height:2px;background:var(--gold);border-radius:2px;transition:all 0.3s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mega-menu-trigger{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:none;border:1px solid var(--border);color:var(--gold);cursor:pointer;border-radius:2px;transition:all 0.2s;flex-shrink:0}
.mega-menu-trigger:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}

/* ANNOUNCE BAR */
.announce-bar{background:var(--gold);color:var(--black);text-align:center;padding:9px 48px;font-size:13px;font-weight:700;position:relative;letter-spacing:0.02em}
.announce-bar a{color:var(--black);text-decoration:underline;font-weight:900}
.announce-close{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;cursor:pointer;color:rgba(0,0,0,0.5);line-height:1;padding:2px 8px;transition:color 0.2s}
.announce-close:hover{color:var(--black)}

/* FOOTER */
footer{background:var(--off-black);padding:60px 0 28px;border-top:1px solid var(--border)}
.ft-inner{max-width:1400px;margin:0 auto;padding:0 24px}
.ft-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.ft-brand img{height:34px;margin-bottom:16px;display:block}
.ft-brand p{font-size:13px;color:var(--muted);line-height:1.65;max-width:260px}
.ft-tagline{font-size:14px;color:var(--gold);font-style:italic;font-family:var(--font-d);margin-top:10px;font-weight:600}
.ft-socials{display:flex;gap:8px;margin-top:16px}
.ft-soc{width:34px;height:34px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--muted);text-decoration:none;transition:all 0.2s}
.ft-soc:hover{border-color:var(--gold);color:var(--gold)}
.ft-col h4{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.ft-col a{font-size:13px;color:var(--muted);text-decoration:none;transition:color 0.2s}
.ft-col a:hover{color:var(--gold)}
.ft-bottom{border-top:1px solid var(--border);padding-top:22px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);flex-wrap:wrap;gap:10px}
.ft-bottom a{color:var(--muted);text-decoration:none}
.ft-bottom a:hover{color:var(--gold)}

/* PAGE BANNER */
.page-banner{background:var(--off-black);border-bottom:1px solid var(--border);padding:72px 24px;text-align:center;position:relative;overflow:hidden}
.page-banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.18;filter:grayscale(30%)}
.page-banner-overlay{position:absolute;inset:0;background:rgba(10,10,10,0.82)}
.page-banner-inner{position:relative;z-index:2;max-width:780px;margin:0 auto}
.page-eyebrow{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:10px}
.page-eyebrow::before,.page-eyebrow::after{content:'';display:block;width:32px;height:1px;background:var(--gold)}
.page-title{font-family:var(--font-d);font-size:clamp(32px,5vw,58px);font-weight:900;line-height:1.08;color:var(--white);margin-bottom:16px;letter-spacing:-0.02em}
.page-title em{font-style:italic;color:var(--gold)}
.page-subtitle{font-size:17px;color:var(--light);line-height:1.75;font-weight:300;max-width:640px;margin:0 auto}

/* SHARED COMPONENTS */
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.wrap-wide{max-width:1400px;margin:0 auto;padding:0 24px}
.section{padding:80px 0;border-bottom:1px solid var(--border)}
.section-alt{background:var(--dark)}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}
.sec-title{font-family:var(--font-d);font-size:28px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}
.sec-title::before{content:'';display:block;width:4px;height:26px;background:var(--gold);border-radius:2px}
.sec-link{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;font-weight:700;transition:opacity 0.2s}
.sec-link:hover{opacity:0.7}
.sec-intro{font-size:16px;color:var(--light);line-height:1.75;font-weight:300;max-width:680px;margin-bottom:40px}
.gold-divider{width:48px;height:3px;background:var(--gold);border-radius:2px;margin:20px 0}
.eyebrow-tag{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:8px}

/* CARDS */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
.card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;display:flex;flex-direction:column}
.card:hover{background:var(--dark)}
.card-img{width:100%;height:200px;object-fit:cover;display:block;filter:brightness(0.82);transition:filter 0.3s}
.card:hover .card-img{filter:brightness(0.95)}
.card-img-tall{height:280px}
.card-body{padding:24px;flex:1;display:flex;flex-direction:column}
.card h2{font-family:var(--font-d);font-size:clamp(20px,2.5vw,28px);font-weight:900;line-height:1.2;color:var(--white);margin-bottom:12px;transition:color 0.2s}
.card:hover h2{color:var(--gold)}
.card h3{font-family:var(--font-d);font-size:18px;font-weight:700;line-height:1.25;color:var(--white);margin-bottom:10px;transition:color 0.2s}
.card:hover h3{color:var(--gold)}
.card p{font-size:14px;color:var(--light);line-height:1.65;font-weight:300;flex:1;margin-bottom:16px}
.card-foot{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border);margin-top:auto}
.card-foot strong{color:var(--light)}
.card-link{color:var(--gold);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px;margin-top:14px;transition:gap 0.2s}
.card-link:hover{gap:8px}

/* DARK/LIGHT MODE */
html.light-mode body{background:#F5F0E8!important;color:#0A0A0A!important}
html.light-mode nav{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .nav-links a{color:#2C2C2C!important}
html.light-mode .translate-bar{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .tbar-label{color:var(--gold-dark)!important}
html.light-mode footer{background:#FFFFFF!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .ft-brand p{color:#5A5A5A!important}
html.light-mode .ft-col a{color:#5A5A5A!important}
html.light-mode .ft-bottom{border-top-color:rgba(180,130,0,0.2)!important;color:#5A5A5A!important}
html.light-mode .ft-soc{border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .section{background:#F5F0E8!important}
html.light-mode .section-alt{background:#EDE7DD!important}
html.light-mode .card{background:#FFFFFF!important}
html.light-mode .card:hover{background:#F0EBE0!important}
html.light-mode .card h2,html.light-mode .card h3{color:#0A0A0A!important}
html.light-mode .card p{color:#2C2C2C!important}
html.light-mode .card-foot{border-top-color:rgba(180,130,0,0.2)!important;color:#5A5A5A!important}
html.light-mode .grid-3,html.light-mode .grid-2,html.light-mode .grid-4{background:rgba(180,130,0,0.15)!important}
html.light-mode .sec-title{color:#0A0A0A!important}
html.light-mode .sec-intro{color:#2C2C2C!important}
html.light-mode .page-banner{background:#2C2018!important}
html.light-mode .cookie-banner{background:#FFFFFF!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .cookie-text{color:#2C2C2C!important}
html.light-mode .btt-btn{background:#FFFFFF!important;border-color:rgba(180,130,0,0.3)!important;color:var(--gold)!important}
html.light-mode .mega-menu{background:#FFFFFF!important;border-left-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-header{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-link{color:#2C2C2C!important}
html.light-mode .mega-link:hover{background:rgba(180,130,0,0.08)!important;color:var(--gold)!important}
html.light-mode .mega-full-link{color:#2C2C2C!important}
html.light-mode .mega-section-title{color:var(--gold)!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-cta-row{background:#F5F0E8!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .dm-toggle{background:#F0EBE0!important;border-color:rgba(180,130,0,0.3)!important}
html.light-mode .dm-toggle-label{color:#5A5A5A!important}
html.light-mode #google_translate_element select.goog-te-combo{background:#FFFFFF!important;color:var(--gold)!important}

/* MEGA MENU */
.mega-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:399;opacity:0;pointer-events:none;transition:opacity 0.3s;backdrop-filter:blur(4px)}
.mega-overlay.open{opacity:1;pointer-events:all}
.mega-menu{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);background:var(--off-black);border-left:1px solid var(--border);z-index:400;transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;display:flex;flex-direction:column}
.mega-menu.open{transform:translateX(0)}
.mega-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--border);flex-shrink:0}
.mega-logo{height:32px;display:block}
.mega-header-right{display:flex;align-items:center;gap:12px}
.mega-close{background:none;border:1px solid var(--border);color:var(--muted);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;border-radius:2px;transition:all 0.2s}
.mega-close:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}
.dm-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;background:var(--dark);border:1px solid var(--border);padding:6px 12px;border-radius:20px;transition:all 0.2s;user-select:none}
.dm-toggle:hover{border-color:var(--gold)}
.dm-toggle-icon{font-size:14px}
.dm-toggle-label{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}
.dm-track{width:36px;height:20px;background:var(--mid);border-radius:10px;position:relative;border:1px solid var(--border);transition:background 0.3s;flex-shrink:0}
.dm-track.on{background:var(--gold)}
.dm-thumb{width:14px;height:14px;border-radius:50%;background:var(--muted);position:absolute;top:2px;left:2px;transition:transform 0.3s,background 0.3s}
.dm-track.on .dm-thumb{transform:translateX(16px);background:var(--black)}
.mega-body{padding:28px;flex:1}
.mega-section-title{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:12px;margin-top:24px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.mega-section-title:first-child{margin-top:0}
.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px}
.mega-link{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:var(--light);font-size:14px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:all 0.2s}
.mega-link:hover{background:rgba(230,168,23,0.08);border-color:var(--border);color:var(--gold)}
.mega-link-icon{font-size:18px;flex-shrink:0;width:28px;text-align:center}
.mega-link-label{display:block;font-size:14px;font-weight:700}
.mega-link-sub{display:block;font-size:11px;color:var(--muted);margin-top:1px;font-weight:400}
.mega-full-link{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:var(--light);font-size:14px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:all 0.2s}
.mega-full-link:hover{background:rgba(230,168,23,0.08);border-color:var(--border);color:var(--gold)}
.mega-cta-row{display:flex;gap:10px;padding:20px 28px;border-top:1px solid var(--border);flex-shrink:0}
.mega-cta-row .btn-sub,.mega-cta-row .btn-out{flex:1;text-align:center;display:block;padding:12px}

/* COOKIE + BTT */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--off-black);border-top:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.4s ease;box-shadow:0 -4px 24px rgba(0,0,0,0.4)}
.cookie-banner.show{transform:translateY(0)}
.cookie-text{font-size:13px;color:var(--light);line-height:1.5;flex:1;min-width:200px}
.cookie-text a{color:var(--gold);text-decoration:none}
.cookie-actions{display:flex;gap:8px;flex-shrink:0}
.cookie-accept{background:var(--gold);color:var(--black);border:none;padding:9px 22px;font-family:var(--font-b);font-size:12px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s}
.cookie-accept:hover{background:var(--gold-light)}
.cookie-decline{background:transparent;color:var(--muted);border:1px solid var(--border);padding:9px 18px;font-family:var(--font-b);font-size:12px;font-weight:600;cursor:pointer;border-radius:2px;transition:all 0.2s}
.btt-btn{position:fixed;bottom:100px;right:28px;z-index:8000;width:44px;height:44px;background:var(--off-black);border:1px solid var(--border);color:var(--gold);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;opacity:0;pointer-events:none;transition:all 0.3s;box-shadow:0 4px 16px rgba(0,0,0,0.4)}
.btt-btn.visible{opacity:1;pointer-events:all}
.btt-btn:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}

/* MOBILE */
@media(max-width:1100px){.nav-links{gap:14px}.nav-links a{font-size:11px}}
@media(max-width:900px){.nav-links{display:none}}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{gap:6px}
  .btn-sub{padding:8px 12px;font-size:11px}
  .btn-out{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .section{padding:48px 0}
  .grid-3,.grid-2{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr 1fr}
  .translate-bar{padding:7px 16px;gap:10px}
  #google_translate_element select.goog-te-combo{min-width:140px!important;font-size:12px!important}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .grid-4{grid-template-columns:1fr}
  .tbar-label,.tbar-divider{display:none}
  #google_translate_element select.goog-te-combo{min-width:130px!important;font-size:12px!important}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
  .btt-btn{bottom:80px;right:12px}
}

/* Floating Chat Button */
.chat-fab{
  position:fixed;bottom:28px;right:28px;z-index:9999;
  width:60px;height:60px;border-radius:50%;
  background:#1A1A1A;
  border:3px solid var(--gold);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 24px rgba(0,0,0,0.5);
  transition:transform 0.2s,box-shadow 0.2s;
}
.chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 32px rgba(0,0,0,0.6)}
.chat-fab svg{width:30px;height:30px;fill:var(--gold)}
.chat-fab-notif{
  position:absolute;top:2px;right:2px;
  width:14px;height:14px;border-radius:50%;
  background:#E63946;border:2px solid var(--black);
}

/* Chat Popup */
.chat-popup{
  position:fixed;bottom:100px;right:28px;z-index:9998;
  width:340px;
  background:var(--off-black);
  border:1px solid rgba(230,168,23,0.35);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 12px 48px rgba(0,0,0,0.7);
  display:none;
  flex-direction:column;
  font-family:var(--font-b);
  animation:chatSlideUp 0.25s ease;
}
.chat-popup.open{display:flex}
@keyframes chatSlideUp{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}

/* Popup Header */
.cp-header{
  background:var(--off-black);
  padding:18px 20px;
  display:flex;align-items:center;gap:12px;
  border-bottom:1px solid rgba(230,168,23,0.15);
  position:relative;
}
.cp-avatar{
  width:42px;height:42px;border-radius:50%;
  background:#1A1A1A;border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.cp-avatar svg{width:24px;height:24px;fill:var(--gold)}
.cp-title{flex:1}
.cp-title strong{display:block;font-size:14px;font-weight:700;color:var(--white);margin-bottom:2px}
.cp-title span{font-size:12px;color:rgba(230,168,23,0.8)}
.cp-close{
  width:28px;height:28px;border-radius:50%;
  background:rgba(255,255,255,0.08);
  border:none;cursor:pointer;
  color:var(--light);font-size:16px;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.2s;
}
.cp-close:hover{background:rgba(255,255,255,0.15)}

/* Greeting card */
.cp-greeting{
  padding:16px 20px;
  border-bottom:1px solid rgba(230,168,23,0.1);
  font-size:14px;
  color:rgba(255,255,255,0.85);
  line-height:1.5;
  background:var(--dark);
}
.cp-greeting strong{color:var(--white);display:block;font-size:15px;margin-bottom:3px}

/* Chat CTA button */
.cp-chat-btn{
  margin:16px 20px;
  background:#1A1A1A;
  border:2px solid var(--gold);
  border-radius:8px;
  padding:12px 18px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-b);font-size:14px;font-weight:700;
  color:var(--white);cursor:pointer;
  transition:background 0.2s,transform 0.15s;
}
.cp-chat-btn:hover{background:#222222;transform:scale(1.01)}
.cp-chat-btn svg{width:18px;height:18px;fill:var(--gold)}

/* Chat messages area (shown after clicking "Chat with AI") */
.cp-messages{
  flex:1;padding:16px 16px 8px;
  display:flex;flex-direction:column;gap:10px;
  max-height:240px;overflow-y:auto;
  display:none;
}
.cp-messages.visible{display:flex}
.cp-msg{display:flex;gap:8px;align-items:flex-end}
.cp-msg-av{
  width:26px;height:26px;border-radius:50%;
  background:#1A1A1A;border:1px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;margin-bottom:2px;
}
.cp-msg-av svg{width:14px;height:14px;fill:var(--gold)}
.cp-msg-bubble{
  background:var(--off-black);
  padding:9px 12px;font-size:13px;color:rgba(255,255,255,0.88);
  border-radius:4px 12px 12px 12px;line-height:1.5;
  max-width:240px;
}
.cp-msg.user-msg{flex-direction:row-reverse}
.cp-msg.user-msg .cp-msg-bubble{
  background:rgba(230,168,23,0.15);
  border:1px solid rgba(230,168,23,0.2);
  border-radius:12px 4px 12px 12px;
  color:var(--white);
}
.cp-typing{display:flex;gap:4px;padding:4px 0}
.cp-typing span{
  width:7px;height:7px;border-radius:50%;
  background:var(--gold);opacity:0.5;
  animation:typing 1.2s infinite;
}
.cp-typing span:nth-child(2){animation-delay:0.2s}
.cp-typing span:nth-child(3){animation-delay:0.4s}
@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:0.5}30%{transform:translateY(-5px);opacity:1}}

/* Input area */
.cp-input-row{
  padding:12px 14px;
  border-top:1px solid rgba(230,168,23,0.12);
  display:flex;gap:8px;
  display:none;
}
.cp-input-row.visible{display:flex}
.cp-input{
  flex:1;background:rgba(255,255,255,0.07);
  border:1px solid rgba(230,168,23,0.25);border-radius:6px;
  padding:9px 12px;font-size:13px;color:var(--white);
  font-family:var(--font-b);outline:none;
  transition:border-color 0.2s;
}
.cp-input:focus{border-color:var(--gold)}
.cp-input::placeholder{color:rgba(255,255,255,0.35)}
.cp-send{
  background:var(--gold);color:var(--black);
  border:none;border-radius:6px;
  width:36px;height:36px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.2s;flex-shrink:0;
}
.cp-send:hover{background:var(--gold-light)}
.cp-send svg{width:16px;height:16px;fill:var(--black)}

.section{padding:80px 0;border-bottom:1px solid var(--border)}
.section-alt{background:var(--dark)}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}
.sec-title{font-family:var(--font-d);font-size:28px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}
.sec-title::before{content:'';display:block;width:4px;height:26px;background:var(--gold);border-radius:2px}
.sec-link{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;font-weight:700;transition:opacity 0.2s}
.sec-link:hover{opacity:0.7}
.sec-intro{font-size:16px;color:var(--light);line-height:1.75;font-weight:300;max-width:680px;margin-bottom:40px}
.gold-divider{width:48px;height:3px;background:var(--gold);border-radius:2px;margin:20px 0}
.eyebrow-tag{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:8px}

/* CARDS */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
.card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;display:flex;flex-direction:column}
.card:hover{background:var(--dark)}
.card-img{width:100%;height:200px;object-fit:cover;display:block;filter:brightness(0.82);transition:filter 0.3s}
.card:hover .card-img{filter:brightness(0.95)}
.card-img-tall{height:280px}
.card-body{padding:24px;flex:1;display:flex;flex-direction:column}
.card h2{font-family:var(--font-d);font-size:clamp(20px,2.5vw,28px);font-weight:900;line-height:1.2;color:var(--white);margin-bottom:12px;transition:color 0.2s}
.card:hover h2{color:var(--gold)}
.card h3{font-family:var(--font-d);font-size:18px;font-weight:700;line-height:1.25;color:var(--white);margin-bottom:10px;transition:color 0.2s}
.card:hover h3{color:var(--gold)}
.card p{font-size:14px;color:var(--light);line-height:1.65;font-weight:300;flex:1;margin-bottom:16px}
.card-foot{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border);margin-top:auto}
.card-foot strong{color:var(--light)}
.card-link{color:var(--gold);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px;margin-top:14px;transition:gap 0.2s}
.card-link:hover{gap:8px}

/* DARK/LIGHT MODE */
html.light-mode body{background:#F5F0E8!important;color:#0A0A0A!important}
html.light-mode nav{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .nav-links a{color:#2C2C2C!important}
html.light-mode .translate-bar{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .tbar-label{color:var(--gold-dark)!important}
html.light-mode footer{background:#FFFFFF!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .ft-brand p{color:#5A5A5A!important}
html.light-mode .ft-col a{color:#5A5A5A!important}
html.light-mode .ft-bottom{border-top-color:rgba(180,130,0,0.2)!important;color:#5A5A5A!important}
html.light-mode .ft-soc{border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .section{background:#F5F0E8!important}
html.light-mode .section-alt{background:#EDE7DD!important}
html.light-mode .card{background:#FFFFFF!important}
html.light-mode .card:hover{background:#F0EBE0!important}
html.light-mode .card h2,html.light-mode .card h3{color:#0A0A0A!important}
html.light-mode .card p{color:#2C2C2C!important}
html.light-mode .card-foot{border-top-color:rgba(180,130,0,0.2)!important;color:#5A5A5A!important}
html.light-mode .grid-3,html.light-mode .grid-2,html.light-mode .grid-4{background:rgba(180,130,0,0.15)!important}
html.light-mode .sec-title{color:#0A0A0A!important}
html.light-mode .sec-intro{color:#2C2C2C!important}
html.light-mode .page-banner{background:#2C2018!important}
html.light-mode .cookie-banner{background:#FFFFFF!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .cookie-text{color:#2C2C2C!important}
html.light-mode .btt-btn{background:#FFFFFF!important;border-color:rgba(180,130,0,0.3)!important;color:var(--gold)!important}
html.light-mode .mega-menu{background:#FFFFFF!important;border-left-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-header{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-link{color:#2C2C2C!important}
html.light-mode .mega-link:hover{background:rgba(180,130,0,0.08)!important;color:var(--gold)!important}
html.light-mode .mega-full-link{color:#2C2C2C!important}
html.light-mode .mega-section-title{color:var(--gold)!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-cta-row{background:#F5F0E8!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .dm-toggle{background:#F0EBE0!important;border-color:rgba(180,130,0,0.3)!important}
html.light-mode .dm-toggle-label{color:#5A5A5A!important}
html.light-mode #google_translate_element select.goog-te-combo{background:#FFFFFF!important;color:var(--gold)!important}

/* MEGA MENU */
.mega-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:399;opacity:0;pointer-events:none;transition:opacity 0.3s;backdrop-filter:blur(4px)}
.mega-overlay.open{opacity:1;pointer-events:all}
.mega-menu{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);background:var(--off-black);border-left:1px solid var(--border);z-index:400;transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;display:flex;flex-direction:column}
.mega-menu.open{transform:translateX(0)}
.mega-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--border);flex-shrink:0}
.mega-logo{height:32px;display:block}
.mega-header-right{display:flex;align-items:center;gap:12px}
.mega-close{background:none;border:1px solid var(--border);color:var(--muted);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;border-radius:2px;transition:all 0.2s}
.mega-close:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}
.dm-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;background:var(--dark);border:1px solid var(--border);padding:6px 12px;border-radius:20px;transition:all 0.2s;user-select:none}
.dm-toggle:hover{border-color:var(--gold)}
.dm-toggle-icon{font-size:14px}
.dm-toggle-label{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}
.dm-track{width:36px;height:20px;background:var(--mid);border-radius:10px;position:relative;border:1px solid var(--border);transition:background 0.3s;flex-shrink:0}
.dm-track.on{background:var(--gold)}
.dm-thumb{width:14px;height:14px;border-radius:50%;background:var(--muted);position:absolute;top:2px;left:2px;transition:transform 0.3s,background 0.3s}
.dm-track.on .dm-thumb{transform:translateX(16px);background:var(--black)}
.mega-body{padding:28px;flex:1}
.mega-section-title{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:12px;margin-top:24px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.mega-section-title:first-child{margin-top:0}
.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px}
.mega-link{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:var(--light);font-size:14px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:all 0.2s}
.mega-link:hover{background:rgba(230,168,23,0.08);border-color:var(--border);color:var(--gold)}
.mega-link-icon{font-size:18px;flex-shrink:0;width:28px;text-align:center}
.mega-link-label{display:block;font-size:14px;font-weight:700}
.mega-link-sub{display:block;font-size:11px;color:var(--muted);margin-top:1px;font-weight:400}
.mega-full-link{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:var(--light);font-size:14px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:all 0.2s}
.mega-full-link:hover{background:rgba(230,168,23,0.08);border-color:var(--border);color:var(--gold)}
.mega-cta-row{display:flex;gap:10px;padding:20px 28px;border-top:1px solid var(--border);flex-shrink:0}
.mega-cta-row .btn-sub,.mega-cta-row .btn-out{flex:1;text-align:center;display:block;padding:12px}

/* COOKIE + BTT */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--off-black);border-top:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.4s ease;box-shadow:0 -4px 24px rgba(0,0,0,0.4)}
.cookie-banner.show{transform:translateY(0)}
.cookie-text{font-size:13px;color:var(--light);line-height:1.5;flex:1;min-width:200px}
.cookie-text a{color:var(--gold);text-decoration:none}
.cookie-actions{display:flex;gap:8px;flex-shrink:0}
.cookie-accept{background:var(--gold);color:var(--black);border:none;padding:9px 22px;font-family:var(--font-b);font-size:12px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s}
.cookie-accept:hover{background:var(--gold-light)}
.cookie-decline{background:transparent;color:var(--muted);border:1px solid var(--border);padding:9px 18px;font-family:var(--font-b);font-size:12px;font-weight:600;cursor:pointer;border-radius:2px;transition:all 0.2s}
.btt-btn{position:fixed;bottom:100px;right:28px;z-index:8000;width:44px;height:44px;background:var(--off-black);border:1px solid var(--border);color:var(--gold);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;opacity:0;pointer-events:none;transition:all 0.3s;box-shadow:0 4px 16px rgba(0,0,0,0.4)}
.btt-btn.visible{opacity:1;pointer-events:all}
.btt-btn:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}

/* MOBILE */
@media(max-width:1100px){.nav-links{gap:14px}.nav-links a{font-size:11px}}
@media(max-width:900px){.nav-links{display:none}}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{gap:6px}
  .btn-sub{padding:8px 12px;font-size:11px}
  .btn-out{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .section{padding:48px 0}
  .grid-3,.grid-2{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr 1fr}
  .translate-bar{padding:7px 16px;gap:10px}
  #google_translate_element select.goog-te-combo{min-width:140px!important;font-size:12px!important}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .grid-4{grid-template-columns:1fr}
  .tbar-label,.tbar-divider{display:none}
  #google_translate_element select.goog-te-combo{min-width:130px!important;font-size:12px!important}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
  .btt-btn{bottom:80px;right:12px}
}

/* Floating Chat Button */
.chat-fab{
  position:fixed;bottom:28px;right:28px;z-index:9999;
  width:60px;height:60px;border-radius:50%;
  background:#1A1A1A;
  border:3px solid var(--gold);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 24px rgba(0,0,0,0.5);
  transition:transform 0.2s,box-shadow 0.2s;
}
.chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 32px rgba(0,0,0,0.6)}
.chat-fab svg{width:30px;height:30px;fill:var(--gold)}
.chat-fab-notif{
  position:absolute;top:2px;right:2px;
  width:14px;height:14px;border-radius:50%;
  background:#E63946;border:2px solid var(--black);
}

/* Chat Popup */
.chat-popup{
  position:fixed;bottom:100px;right:28px;z-index:9998;
  width:340px;
  background:var(--off-black);
  border:1px solid rgba(230,168,23,0.35);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 12px 48px rgba(0,0,0,0.7);
  display:none;
  flex-direction:column;
  font-family:var(--font-b);
  animation:chatSlideUp 0.25s ease;
}
.chat-popup.open{display:flex}
@keyframes chatSlideUp{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}

/* Popup Header */
.cp-header{
  background:var(--off-black);
  padding:18px 20px;
  display:flex;align-items:center;gap:12px;
  border-bottom:1px solid rgba(230,168,23,0.15);
  position:relative;
}
.cp-avatar{
  width:42px;height:42px;border-radius:50%;
  background:#1A1A1A;border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.cp-avatar svg{width:24px;height:24px;fill:var(--gold)}
.cp-title{flex:1}
.cp-title strong{display:block;font-size:14px;font-weight:700;color:var(--white);margin-bottom:2px}
.cp-title span{font-size:12px;color:rgba(230,168,23,0.8)}
.cp-close{
  width:28px;height:28px;border-radius:50%;
  background:rgba(255,255,255,0.08);
  border:none;cursor:pointer;
  color:var(--light);font-size:16px;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.2s;
}
.cp-close:hover{background:rgba(255,255,255,0.15)}

/* Greeting card */
.cp-greeting{
  padding:16px 20px;
  border-bottom:1px solid rgba(230,168,23,0.1);
  font-size:14px;
  color:rgba(255,255,255,0.85);
  line-height:1.5;
  background:var(--dark);
}
.cp-greeting strong{color:var(--white);display:block;font-size:15px;margin-bottom:3px}

/* Chat CTA button */
.cp-chat-btn{
  margin:16px 20px;
  background:#1A1A1A;
  border:2px solid var(--gold);
  border-radius:8px;
  padding:12px 18px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-b);font-size:14px;font-weight:700;
  color:var(--white);cursor:pointer;
  transition:background 0.2s,transform 0.15s;
}
.cp-chat-btn:hover{background:#222222;transform:scale(1.01)}
.cp-chat-btn svg{width:18px;height:18px;fill:var(--gold)}

/* Chat messages area (shown after clicking "Chat with AI") */
.cp-messages{
  flex:1;padding:16px 16px 8px;
  display:flex;flex-direction:column;gap:10px;
  max-height:240px;overflow-y:auto;
  display:none;
}
.cp-messages.visible{display:flex}
.cp-msg{display:flex;gap:8px;align-items:flex-end}
.cp-msg-av{
  width:26px;height:26px;border-radius:50%;
  background:#1A1A1A;border:1px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;margin-bottom:2px;
}
.cp-msg-av svg{width:14px;height:14px;fill:var(--gold)}
.cp-msg-bubble{
  background:var(--off-black);
  padding:9px 12px;font-size:13px;color:rgba(255,255,255,0.88);
  border-radius:4px 12px 12px 12px;line-height:1.5;
  max-width:240px;
}
.cp-msg.user-msg{flex-direction:row-reverse}
.cp-msg.user-msg .cp-msg-bubble{
  background:rgba(230,168,23,0.15);
  border:1px solid rgba(230,168,23,0.2);
  border-radius:12px 4px 12px 12px;
  color:var(--white);
}
.cp-typing{display:flex;gap:4px;padding:4px 0}
.cp-typing span{
  width:7px;height:7px;border-radius:50%;
  background:var(--gold);opacity:0.5;
  animation:typing 1.2s infinite;
}
.cp-typing span:nth-child(2){animation-delay:0.2s}
.cp-typing span:nth-child(3){animation-delay:0.4s}
@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:0.5}30%{transform:translateY(-5px);opacity:1}}

/* Input area */
.cp-input-row{
  padding:12px 14px;
  border-top:1px solid rgba(230,168,23,0.12);
  display:flex;gap:8px;
  display:none;
}
.cp-input-row.visible{display:flex}
.cp-input{
  flex:1;background:rgba(255,255,255,0.07);
  border:1px solid rgba(230,168,23,0.25);border-radius:6px;
  padding:9px 12px;font-size:13px;color:var(--white);
  font-family:var(--font-b);outline:none;
  transition:border-color 0.2s;
}
.cp-input:focus{border-color:var(--gold)}
.cp-input::placeholder{color:rgba(255,255,255,0.35)}
.cp-send{
  background:var(--gold);color:var(--black);
  border:none;border-radius:6px;
  width:36px;height:36px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.2s;flex-shrink:0;
}
.cp-send:hover{background:var(--gold-light)}
.cp-send svg{width:16px;height:16px;fill:var(--black)}


/* HERO */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;background:var(--off-black)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.35)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,10,10,0.92) 0%,rgba(10,10,10,0.6) 60%,rgba(230,168,23,0.08) 100%)}
.hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;width:100%}
.hero-left{}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(230,168,23,0.12);border:1px solid rgba(230,168,23,0.3);padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);margin-bottom:24px}
.hero-h1{font-family:var(--font-d);font-size:clamp(38px,5.5vw,72px);font-weight:900;line-height:1.04;color:var(--white);margin-bottom:8px;letter-spacing:-0.03em}
.hero-h1 em{font-style:italic;color:var(--gold)}
.hero-tagline{font-family:var(--font-d);font-size:clamp(16px,2vw,22px);font-weight:400;color:var(--gold);margin-bottom:24px;font-style:italic;letter-spacing:0.02em}
.hero-statement{font-size:17px;color:var(--light);line-height:1.75;margin-bottom:14px;font-weight:300;max-width:520px}
.hero-statement2{font-size:15px;color:var(--muted);line-height:1.7;margin-bottom:36px;max-width:500px;font-weight:300}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}
.hero-cta-primary{background:var(--gold);color:var(--black);border:none;padding:14px 32px;font-family:var(--font-b);font-size:14px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;text-decoration:none;transition:background 0.2s}
.hero-cta-primary:hover{background:var(--gold-light)}
.hero-cta-secondary{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.4);padding:14px 32px;font-family:var(--font-b);font-size:14px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;text-decoration:none;transition:all 0.2s}
.hero-cta-secondary:hover{border-color:var(--white);background:rgba(255,255,255,0.05)}
.hero-stats{display:flex;gap:32px;flex-wrap:wrap}
.h-stat-num{font-family:var(--font-d);font-size:28px;font-weight:900;color:var(--gold);line-height:1}
.h-stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-top:3px}
.hero-right{position:relative}
.hero-img-main{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;filter:brightness(0.85)}
.hero-img-accent{position:absolute;bottom:-24px;left:-24px;width:55%;aspect-ratio:1;object-fit:cover;border:3px solid var(--gold);filter:brightness(0.9)}
.hero-img-badge{position:absolute;top:20px;right:-12px;background:var(--gold);color:var(--black);padding:12px 16px;font-size:11px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;max-width:120px;text-align:center;line-height:1.3}

/* TICKER */
.ticker{background:var(--gold);overflow:hidden;white-space:nowrap;padding:9px 0}
.ticker-inner{display:inline-block;animation:tick 50s linear infinite;font-size:11px;font-weight:800;color:var(--black);letter-spacing:0.08em;text-transform:uppercase}
@keyframes tick{0%{transform:translateX(100vw)}100%{transform:translateX(-100%)}}
.ticker-sep{margin:0 28px;opacity:0.4}

/* FEATURED STORIES */
.stories-section{padding:80px 0;border-bottom:1px solid var(--border)}
.stories-lead{display:grid;grid-template-columns:2fr 1fr;gap:1px;background:var(--border);margin-bottom:1px}
.stories-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}
.story-card{background:var(--off-black);display:flex;flex-direction:column;overflow:hidden;cursor:pointer;transition:background 0.2s}
.story-card:hover{background:var(--dark)}
.story-card img{width:100%;height:240px;object-fit:cover;display:block;filter:brightness(0.8);transition:filter 0.3s}
.story-card:hover img{filter:brightness(0.95)}
.story-card.large img{height:340px}
.story-body{padding:28px;flex:1;display:flex;flex-direction:column}
.story-card.large .story-body{padding:32px}
.story-tag{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:10px}
.story-card h2{font-family:var(--font-d);font-size:clamp(20px,2.5vw,30px);font-weight:900;line-height:1.2;color:var(--white);margin-bottom:12px;transition:color 0.2s}
.story-card:hover h2{color:var(--gold)}
.story-card h3{font-family:var(--font-d);font-size:19px;font-weight:700;line-height:1.25;color:var(--white);margin-bottom:10px;transition:color 0.2s}
.story-card:hover h3{color:var(--gold)}
.story-card p{font-size:15px;color:var(--light);line-height:1.65;font-weight:300;flex:1;margin-bottom:16px}
.story-link{color:var(--gold);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:5px;margin-top:auto;transition:gap 0.2s}
.story-link:hover{gap:9px}

/* INTERVIEWS */
.interviews-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.int-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.int-card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;position:relative}
.int-card:hover{background:var(--mid)}
.int-card img{width:100%;height:220px;object-fit:cover;display:block;filter:brightness(0.6) saturate(0.8);transition:filter 0.3s}
.int-card:hover img{filter:brightness(0.75) saturate(1)}
.int-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:52px;height:52px;border-radius:50%;background:rgba(230,168,23,0.9);display:flex;align-items:center;justify-content:center;font-size:18px;transition:background 0.2s;pointer-events:none}
.int-card:hover .int-play{background:var(--gold)}
.int-body{padding:22px}
.int-quote{font-family:var(--font-d);font-size:17px;font-style:italic;color:var(--white);line-height:1.4;margin-bottom:10px;transition:color 0.2s}
.int-card:hover .int-quote{color:var(--gold)}
.int-desc{font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:14px}
.int-action{font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;display:flex;align-items:center;gap:5px}

/* TRENDING TOPICS */
.trending-section{padding:72px 0;border-bottom:1px solid var(--border)}
.topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:36px}
.topic-pill{background:var(--off-black);border:1px solid var(--border);padding:20px 24px;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:14px;text-decoration:none}
.topic-pill:hover{border-color:var(--gold);background:var(--dark)}
.topic-icon{font-size:24px;flex-shrink:0}
.topic-text h4{font-size:15px;font-weight:700;color:var(--white);transition:color 0.2s}
.topic-pill:hover h4{color:var(--gold)}
.topic-text span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em}

/* BUSINESS SPOTLIGHT */
.spotlight-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.spotlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}
.spot-card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;display:flex;flex-direction:column}
.spot-card:hover{background:var(--mid)}
.spot-card img{width:100%;height:260px;object-fit:cover;display:block;filter:brightness(0.75);transition:filter 0.3s}
.spot-card:hover img{filter:brightness(0.9)}
.spot-body{padding:28px;flex:1;display:flex;flex-direction:column}
.spot-label{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.spot-label::before{content:'';display:block;width:20px;height:1px;background:var(--gold)}
.spot-card h3{font-family:var(--font-d);font-size:22px;font-weight:800;color:var(--white);margin-bottom:10px;line-height:1.25;transition:color 0.2s}
.spot-card:hover h3{color:var(--gold)}
.spot-card p{font-size:14px;color:var(--light);line-height:1.65;font-weight:300;flex:1;margin-bottom:20px}
.spot-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}

/* BLACK EXCELLENCE */
.excellence-section{padding:80px 0;border-bottom:1px solid var(--border)}
.excellence-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px}
.exc-cat{background:var(--off-black);border:1px solid var(--border);padding:8px 18px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;border-radius:20px;transition:all 0.2s;text-transform:uppercase;letter-spacing:0.06em}
.exc-cat:hover,.exc-cat.active{background:var(--gold);border-color:var(--gold);color:var(--black)}
.exc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.exc-card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;position:relative}
.exc-card:hover{background:var(--dark)}
.exc-card img{width:100%;height:200px;object-fit:cover;display:block;filter:brightness(0.7) saturate(0.8);transition:filter 0.3s}
.exc-card:hover img{filter:brightness(0.85) saturate(1)}
.exc-body{padding:20px}
.exc-cat-tag{font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:6px}
.exc-card h4{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--white);margin-bottom:6px;transition:color 0.2s;line-height:1.3}
.exc-card:hover h4{color:var(--gold)}
.exc-card p{font-size:12px;color:var(--muted);line-height:1.5}

/* COMMUNITY STORIES */
.community-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.com-card{background:var(--off-black);padding:28px;cursor:pointer;transition:background 0.2s;border-left:3px solid transparent;display:flex;flex-direction:column}
.com-card:hover{background:var(--mid);border-left-color:var(--gold)}
.com-num{font-family:var(--font-d);font-size:42px;font-weight:900;color:rgba(230,168,23,0.12);line-height:1;margin-bottom:6px}
.com-card h4{font-family:var(--font-d);font-size:18px;font-weight:800;color:var(--white);margin-bottom:10px;line-height:1.25;transition:color 0.2s}
.com-card:hover h4{color:var(--gold)}
.com-card p{font-size:14px;color:var(--muted);line-height:1.6;flex:1;margin-bottom:16px}

/* NEWSLETTER */
.newsletter-section{padding:80px 0;border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.nl-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.06;filter:grayscale(60%)}
.nl-overlay{position:absolute;inset:0;background:rgba(10,10,10,0.94)}
.nl-inner{position:relative;z-index:2;max-width:700px;margin:0 auto;padding:0 24px;text-align:center}
.nl-eyebrow{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:10px}
.nl-eyebrow::before,.nl-eyebrow::after{content:'';display:block;width:32px;height:1px;background:var(--gold)}
.nl-title{font-family:var(--font-d);font-size:clamp(28px,4vw,46px);font-weight:900;color:var(--white);margin-bottom:14px;line-height:1.1}
.nl-title em{font-style:italic;color:var(--gold)}
.nl-text{font-size:16px;color:var(--light);line-height:1.7;margin-bottom:12px;font-weight:300}
.nl-benefits{list-style:none;display:flex;flex-direction:column;gap:5px;margin-bottom:32px;text-align:left;max-width:380px;margin-left:auto;margin-right:auto}
.nl-benefits li{font-size:14px;color:var(--light);display:flex;align-items:center;gap:8px}
.nl-benefits li::before{content:'✓';color:var(--gold);font-weight:900;flex-shrink:0}
.nl-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:560px;margin:0 auto 10px}
.nl-input{background:var(--off-black);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:14px;padding:14px 16px;outline:none;transition:border-color 0.2s;border-radius:2px}
.nl-input:focus{border-color:var(--gold)}
.nl-input::placeholder{color:var(--muted)}
.nl-btn{background:var(--gold);color:var(--black);border:none;padding:14px 24px;font-family:var(--font-b);font-size:13px;font-weight:900;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s;grid-column:span 2}
.nl-btn:hover{background:var(--gold-light)}
.nl-note{font-size:12px;color:var(--muted);margin-top:10px}

/* OUR BELIEF */
.belief-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.belief-inner{max-width:900px;margin:0 auto;padding:0 24px;text-align:center}
.belief-inner h2{font-family:var(--font-d);font-size:clamp(28px,4vw,44px);font-weight:900;color:var(--white);margin-bottom:20px;line-height:1.1}
.belief-inner h2 em{font-style:italic;color:var(--gold)}
.belief-inner p{font-size:17px;color:var(--light);line-height:1.85;margin-bottom:18px;font-weight:300}
.belief-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin:48px 0}
.belief-pillar{background:var(--off-black);padding:32px;text-align:center;transition:background 0.2s}
.belief-pillar:hover{background:var(--mid)}
.bp-icon{font-size:36px;margin-bottom:12px}
.bp-title{font-family:var(--font-d);font-size:18px;font-weight:800;color:var(--white);margin-bottom:8px}
.bp-text{font-size:13px;color:var(--muted);line-height:1.6}

/* LIGHT MODE OVERRIDES FOR HOME */
html.light-mode .hero{background:#2C2018!important}
html.light-mode .stories-section{background:#F5F0E8!important}
html.light-mode .story-card{background:#FFFFFF!important}
html.light-mode .story-card:hover{background:#F0EBE0!important}
html.light-mode .story-card h2,html.light-mode .story-card h3{color:#0A0A0A!important}
html.light-mode .story-card p{color:#2C2C2C!important}
html.light-mode .interviews-section{background:#EDE7DD!important}
html.light-mode .int-card{background:#FFFFFF!important}
html.light-mode .int-card:hover{background:#F0EBE0!important}
html.light-mode .int-quote{color:#0A0A0A!important}
html.light-mode .int-desc{color:#5A5A5A!important}
html.light-mode .trending-section{background:#F5F0E8!important}
html.light-mode .topic-pill{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important}
html.light-mode .topic-pill:hover{background:#F0EBE0!important;border-color:var(--gold)!important}
html.light-mode .topic-text h4{color:#0A0A0A!important}
html.light-mode .spotlight-section{background:#EDE7DD!important}
html.light-mode .spot-card{background:#FFFFFF!important}
html.light-mode .spot-card:hover{background:#F0EBE0!important}
html.light-mode .spot-card h3{color:#0A0A0A!important}
html.light-mode .spot-card p{color:#2C2C2C!important}
html.light-mode .excellence-section{background:#F5F0E8!important}
html.light-mode .exc-card{background:#FFFFFF!important}
html.light-mode .exc-card h4{color:#0A0A0A!important}
html.light-mode .exc-cat{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .community-section{background:#EDE7DD!important}
html.light-mode .com-card{background:#FFFFFF!important}
html.light-mode .com-card:hover{background:#F0EBE0!important}
html.light-mode .com-card h4{color:#0A0A0A!important}
html.light-mode .com-card p{color:#5A5A5A!important}
html.light-mode .belief-section{background:#EDE7DD!important}
html.light-mode .belief-pillar{background:#FFFFFF!important}
html.light-mode .bp-title{color:#0A0A0A!important}
html.light-mode .bp-text{color:#5A5A5A!important}
html.light-mode .nl-input{background:#FFFFFF!important;border-color:rgba(180,130,0,0.3)!important;color:#0A0A0A!important}

@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr;gap:32px;padding:60px 24px}
  .hero-right{display:none}
  .hero-stats{gap:24px}
  .stories-lead{grid-template-columns:1fr}
  .int-grid,.topics-grid,.spotlight-grid,.exc-grid,.community-grid,.belief-pillars{grid-template-columns:1fr}
  .stories-grid-2{grid-template-columns:1fr}
  .nl-form{grid-template-columns:1fr}
  .nl-btn{grid-column:span 1}
}
@media(max-width:480px){
  .hero-h1{font-size:32px}
  .hero-ctas{flex-direction:column}
  .hero-cta-primary,.hero-cta-secondary{text-align:center}
}

/* ════════════════════════════════════════════════════════════════
   SUBSCRIBE PAGE
   ════════════════════════════════════════════════════════════════ */
/* ── PAGE-SPECIFIC ── */
.sub-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.plans-section{padding:80px 0;border-bottom:1px solid var(--border)}
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin-bottom:56px}
.plan-card{background:var(--off-black);padding:40px 32px;display:flex;flex-direction:column;position:relative;transition:background 0.2s}
.plan-card:hover{background:var(--dark)}
.plan-card.featured{background:var(--dark);outline:1px solid var(--gold)}
.plan-popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--black);font-size:10px;font-weight:900;letter-spacing:0.12em;text-transform:uppercase;padding:4px 14px;white-space:nowrap}
.plan-type{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:10px}
.plan-card.featured .plan-type{color:var(--gold)}
.plan-name{font-family:var(--font-d);font-size:26px;font-weight:900;color:var(--white);margin-bottom:10px}
.plan-price{display:flex;align-items:flex-end;gap:3px;margin-bottom:4px}
.plan-curr{font-size:18px;font-weight:700;color:var(--muted);margin-bottom:8px}
.plan-amount{font-family:var(--font-d);font-size:52px;font-weight:900;color:var(--white);line-height:1}
.plan-card.featured .plan-amount{color:var(--gold)}
.plan-period{font-size:13px;color:var(--muted);margin-bottom:4px}
.plan-save{font-size:12px;color:var(--gold);font-weight:700;min-height:18px;margin-bottom:22px}
.plan-divider{width:36px;height:2px;background:var(--gold);margin-bottom:22px;opacity:0.4}
.plan-card.featured .plan-divider{opacity:1}
.plan-perks{list-style:none;display:flex;flex-direction:column;gap:11px;flex:1;margin-bottom:28px}
.plan-perks li{font-size:14px;color:var(--light);display:flex;align-items:flex-start;gap:10px;line-height:1.4}
.plan-perks li::before{content:'✓';color:var(--gold);font-weight:900;flex-shrink:0}
.plan-perks li.no{color:var(--muted)}
.plan-perks li.no::before{content:'✕';color:var(--muted)}
.plan-btn{display:block;text-align:center;padding:14px 24px;font-family:var(--font-b);font-size:13px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;border:none;cursor:pointer;text-decoration:none;transition:all 0.2s;border-radius:2px;margin-top:auto}
.plan-btn-gold{background:var(--gold);color:var(--black)}
.plan-btn-gold:hover{background:var(--gold-light)}
.plan-btn-outline{background:transparent;color:var(--gold);border:1px solid var(--gold)}
.plan-btn-outline:hover{background:var(--gold);color:var(--black)}
.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border);padding-top:40px}
.trust-item{text-align:center;padding:0 16px;border-right:1px solid var(--border)}
.trust-item:last-child{border-right:none}
.trust-icon{font-size:26px;margin-bottom:8px}
.trust-label{font-size:13px;font-weight:700;color:var(--white);margin-bottom:4px}
.trust-sub{font-size:11px;color:var(--muted)}
.compare-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.sec-heading{font-family:var(--font-d);font-size:30px;font-weight:900;color:var(--white);text-align:center;margin-bottom:8px}
.sec-sub{font-size:14px;color:var(--muted);text-align:center;margin-bottom:40px}
.compare-table{width:100%;border-collapse:collapse}
.compare-table th{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);font-weight:800;padding:12px 20px;text-align:left;border-bottom:1px solid var(--border)}
.compare-table th:not(:first-child){text-align:center}
.compare-table td{padding:13px 20px;font-size:14px;color:var(--light);border-bottom:1px solid rgba(230,168,23,0.07)}
.compare-table td:not(:first-child){text-align:center}
.compare-table tr:last-child td{border-bottom:none;font-weight:700}
.compare-table tr:hover td{background:rgba(230,168,23,0.03)}
.col-hot{background:rgba(230,168,23,0.04);border-left:1px solid var(--border);border-right:1px solid var(--border)}
.ck{color:var(--gold);font-size:16px;font-weight:900}
.cx{color:var(--muted)}
.faq-section{padding:80px 0}
.faq-wrap{max-width:700px;margin:0 auto;padding:0 24px}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{width:100%;background:none;border:none;padding:20px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-family:var(--font-b);font-size:15px;font-weight:600;color:var(--white);text-align:left;gap:16px;transition:color 0.2s}
.faq-q:hover{color:var(--gold)}
.faq-icon{color:var(--gold);font-size:22px;flex-shrink:0;transition:transform 0.3s;line-height:1;font-weight:300}
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.35s ease}
.faq-a-inner{padding:0 0 18px;font-size:14px;color:var(--muted);line-height:1.7}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-item.open .faq-a{max-height:200px}
@media(max-width:768px){
  .plans-grid{grid-template-columns:1fr}
  .plan-card{padding:28px 20px}
  .trust-row{grid-template-columns:1fr 1fr;gap:20px;border-top:none;padding-top:0}
  .trust-item{border-right:none;padding:16px;border:1px solid var(--border)}
  .plans-section,.compare-section,.faq-section{padding:48px 0}
  .compare-table th,.compare-table td{padding:10px 10px;font-size:12px}
}
@media(max-width:480px){
  .trust-row{grid-template-columns:1fr}
}
/* ── MOBILE ── */
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ════════════════════════════════════════════════════════════════
   DONATE PAGE
   ════════════════════════════════════════════════════════════════ */
/* ── PAGE-SPECIFIC ── */

.don-wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.stats-bar{background:var(--gold);padding:20px 24px}
.stats-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.stat-item{padding:0 12px;border-right:1px solid rgba(0,0,0,0.15)}
.stat-item:last-child{border-right:none}
.stat-num{font-family:var(--font-d);font-size:30px;font-weight:900;color:var(--black);line-height:1}
.stat-label{font-size:11px;font-weight:700;color:rgba(0,0,0,0.6);text-transform:uppercase;letter-spacing:0.08em;margin-top:4px}
.donate-main{padding:80px 0;border-bottom:1px solid var(--border)}
.donate-grid{display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:start}
.why-title{font-family:var(--font-d);font-size:38px;font-weight:900;line-height:1.1;color:var(--white);margin-bottom:16px}
.why-title em{font-style:italic;color:var(--gold)}
.why-text{font-size:16px;color:var(--light);line-height:1.75;margin-bottom:20px;font-weight:300}
.pillars{display:flex;flex-direction:column;gap:20px;margin-top:28px}
.pillar{display:flex;gap:14px;align-items:flex-start}
.pillar-icon{width:44px;height:44px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;background:var(--dark)}
.pillar h4{font-size:15px;font-weight:700;color:var(--white);margin-bottom:3px}
.pillar p{font-size:13px;color:var(--muted);line-height:1.55}
.form-card{background:var(--off-black);border:1px solid var(--border);padding:32px;position:sticky;top:88px}
.form-card-title{font-family:var(--font-d);font-size:21px;font-weight:800;color:var(--white);margin-bottom:4px}
.form-card-sub{font-size:13px;color:var(--muted);margin-bottom:24px}
.freq-toggle{display:flex;gap:0;border:1px solid var(--border);border-radius:2px;overflow:hidden;margin-bottom:22px}
.freq-btn{flex:1;background:none;border:none;font-family:var(--font-b);font-size:12px;font-weight:600;color:var(--muted);padding:10px 8px;cursor:pointer;transition:all 0.2s;letter-spacing:0.04em;text-transform:uppercase}
.freq-btn.active{background:var(--gold);color:var(--black);font-weight:800}
.amt-label{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:10px}
.amounts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.d-amt{background:var(--dark);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:15px;font-weight:700;padding:13px 8px;cursor:pointer;text-align:center;transition:all 0.2s;border-radius:2px}
.d-amt:hover{border-color:var(--gold);color:var(--gold)}
.d-amt.sel{background:var(--gold);border-color:var(--gold);color:var(--black)}
.custom-wrap{position:relative;margin-bottom:20px}
.custom-prefix{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--gold);font-weight:700;font-size:15px}
.custom-in{width:100%;background:var(--dark);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:15px;font-weight:600;padding:12px 14px 12px 26px;outline:none;transition:border-color 0.2s;border-radius:2px}
.custom-in:focus{border-color:var(--gold)}
.custom-in::placeholder{color:var(--muted);font-weight:400}
.form-divider{height:1px;background:var(--border);margin:18px 0}
.field{margin-bottom:12px}
.field label{display:block;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:5px}
.field input{width:100%;background:var(--dark);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:14px;padding:11px 13px;outline:none;transition:border-color 0.2s;border-radius:2px}
.field input:focus{border-color:var(--gold)}
.field input::placeholder{color:var(--muted)}
.anon-row{display:flex;align-items:center;gap:9px;margin-bottom:18px;cursor:pointer}
.anon-row input{width:15px;height:15px;accent-color:var(--gold);cursor:pointer}
.anon-row span{font-size:13px;color:var(--muted)}
.donate-btn{width:100%;background:var(--gold);color:var(--black);border:none;padding:16px;font-family:var(--font-b);font-size:14px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s}
.donate-btn:hover{background:var(--gold-light)}
.secure-note{text-align:center;font-size:11px;color:var(--muted);margin-top:10px}
.impact-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.impact-card{background:var(--off-black);padding:28px;transition:background 0.2s}
.impact-card:hover{background:var(--mid)}
.impact-amt{font-family:var(--font-d);font-size:26px;font-weight:900;color:var(--gold);margin-bottom:7px}
.impact-card h4{font-size:16px;font-weight:700;color:var(--white);margin-bottom:8px}
.impact-card p{font-size:13px;color:var(--muted);line-height:1.6}
.test-section{padding:80px 0;border-bottom:1px solid var(--border)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.test-card{background:var(--off-black);padding:28px;transition:background 0.2s}
.test-card:hover{background:var(--dark)}
.test-quote{font-size:40px;color:var(--gold);line-height:1;margin-bottom:10px;font-family:var(--font-d)}
.test-text{font-size:15px;color:var(--light);line-height:1.65;font-style:italic;font-weight:300;margin-bottom:18px}
.test-author{display:flex;align-items:center;gap:12px}
.test-av{width:40px;height:40px;border-radius:50%;object-fit:cover;filter:brightness(0.85)}
.test-name{font-size:13px;font-weight:700;color:var(--white)}
.test-loc{font-size:11px;color:var(--muted)}
.other-section{padding:72px 0;background:var(--dark)}
.other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:860px;margin:0 auto}
.other-card{border:1px solid var(--border);padding:28px 20px;text-align:center;transition:border-color 0.2s}
.other-card:hover{border-color:var(--gold)}
.other-icon{font-size:30px;margin-bottom:10px}
.other-card h4{font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px}
.other-card p{font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:14px}
.other-link{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none}
.sec-heading{font-family:var(--font-d);font-size:30px;font-weight:900;color:var(--white);text-align:center;margin-bottom:8px}
.sec-sub{font-size:14px;color:var(--muted);text-align:center;margin-bottom:40px}
@media(max-width:768px){
  .stats-inner{grid-template-columns:repeat(2,1fr);gap:16px}
  .stat-item{border-right:none;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,0.15)}
  .donate-grid{grid-template-columns:1fr}
  .form-card{position:static}
  .impact-grid{grid-template-columns:1fr}
  .test-grid{grid-template-columns:1fr}
  .other-grid{grid-template-columns:1fr;padding:0 24px}
  .donate-main,.impact-section,.test-section,.other-section{padding:48px 0}
}
/* ── MOBILE ── */
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ════════════════════════════════════════════════════════════════
   ARTICLE PAGE
   ════════════════════════════════════════════════════════════════ */
.article-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
/* Hero */
/* .art-hero{position:relative;height:520px;overflow:hidden;border-bottom:1px solid var(--border)}
.art-hero img{width:100%;height:100%;object-fit:cover;filter:brightness(0.55)}
.art-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,0.97) 0%,rgba(10,10,10,0.3) 60%)}
.art-hero-content{position:absolute;bottom:0;left:0;right:0;padding:48px;max-width:900px} */

.art-hero{position:relative;background:var(--off-black)}
.art-hero img{display:none}
.art-hero-overlay{display:none}
.art-hero-content{position:static;padding:40px 48px 28px;max-width:900px}
.art-feat-img-wrap{width:100%;overflow:hidden;line-height:0}
.art-feat-img-wrap img{width:100%!important;height:auto!important;max-height:580px!important;object-fit:cover!important;border-radius:0!important;display:block!important;filter:brightness(0.92)!important}


.art-category{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:14px;display:inline-flex;align-items:center;gap:8px}
.art-category::before{content:'';display:block;width:24px;height:1px;background:var(--gold)}
.art-headline{font-family:var(--font-d);font-size:clamp(28px,4vw,52px);font-weight:900;line-height:1.08;color:var(--white);margin-bottom:18px;letter-spacing:-0.02em}
.art-headline em{font-style:italic;color:var(--gold)}
.art-deck{font-size:18px;color:var(--light);line-height:1.6;font-weight:300;max-width:680px;margin-bottom:22px}
.art-byline{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.art-author-av{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);filter:brightness(0.9)}
.art-author-info{}
.art-author-name{font-size:13px;font-weight:700;color:var(--white)}
.art-author-meta{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em;margin-top:2px}
.art-meta-sep{width:1px;height:28px;background:var(--border)}
/* Layout */
.art-layout{display:grid;grid-template-columns:1fr 320px;gap:56px;padding:56px 0 80px;align-items:start}
.art-body{}
.art-sidebar{position:sticky;top:88px}
/* Article toolbar */
.art-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:40px;flex-wrap:wrap;gap:12px}
.art-share{display:flex;align-items:center;gap:8px}
.art-share-label{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);font-weight:700}
.share-btn{width:34px;height:34px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--muted);cursor:pointer;background:none;transition:all 0.2s;border-radius:2px}
.share-btn:hover{border-color:var(--gold);color:var(--gold)}
.art-read-time{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em;display:flex;align-items:center;gap:6px}
.art-read-time::before{content:'';display:block;width:16px;height:1px;background:var(--gold)}
/* Body text */
.art-content p{font-size:18px;color:var(--light);line-height:1.85;margin-bottom:26px;font-weight:300}
.art-content h2{font-family:var(--font-d);font-size:28px;font-weight:800;color:var(--white);margin:44px 0 18px;line-height:1.2}
.art-content h3{font-family:var(--font-d);font-size:22px;font-weight:700;color:var(--white);margin:32px 0 14px}
.art-content blockquote{border-left:3px solid var(--gold);margin:40px 0;padding:24px 32px;background:var(--off-black)}
.art-content blockquote p{font-family:var(--font-d);font-size:22px;font-style:italic;color:var(--white);margin:0;font-weight:400;line-height:1.5}
.art-content blockquote cite{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-top:12px;font-style:normal}
.art-content .art-img{width:100%;margin:36px 0}
.art-content .art-img img{width:100%;display:block;filter:brightness(0.9)}
.art-content .art-img figcaption{font-size:12px;color:var(--muted);padding:10px 0;border-bottom:1px solid var(--border);font-style:italic}
.art-content a{color:var(--gold);text-decoration:underline;text-decoration-color:rgba(230,168,23,0.3)}
.art-content a:hover{text-decoration-color:var(--gold)}
/* Tags */
.art-tags{display:flex;flex-wrap:wrap;gap:8px;margin:36px 0 40px;padding-top:32px;border-top:1px solid var(--border)}
.art-tag{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:5px 12px;border-radius:2px;text-decoration:none;transition:all 0.2s}
.art-tag:hover{color:var(--gold);border-color:var(--gold)}
/* Author box */
.author-box{background:var(--off-black);border:1px solid var(--border);padding:28px;margin-bottom:48px;display:flex;gap:20px}
.author-box-av{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);flex-shrink:0}
.author-box-info h4{font-family:var(--font-d);font-size:18px;font-weight:800;color:var(--white);margin-bottom:4px}
.author-box-role{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:0.1em;font-weight:700;margin-bottom:10px}
.author-box-bio{font-size:14px;color:var(--muted);line-height:1.65}
/* Related articles */
.related-section{padding:56px 0;border-top:1px solid var(--border)}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.sec-title{font-family:var(--font-d);font-size:22px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}
.sec-title::before{content:'';display:block;width:4px;height:22px;background:var(--gold);border-radius:2px}
.sec-link{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;font-weight:700}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.rel-card{background:var(--off-black);padding:0;overflow:hidden;cursor:pointer;transition:background 0.2s}
.rel-card:hover{background:var(--dark)}
.rel-card img{width:100%;height:160px;object-fit:cover;display:block;filter:brightness(0.8);transition:filter 0.3s}
.rel-card:hover img{filter:brightness(0.95)}
.rel-card-body{padding:18px}
.rel-tag{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:7px}
.rel-card h4{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--white);line-height:1.3;margin-bottom:8px;transition:color 0.2s}
.rel-card:hover h4{color:var(--gold)}
.rel-card-meta{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em}
/* Sidebar */
.sidebar-widget{border:1px solid var(--border);margin-bottom:28px;overflow:hidden}
.sidebar-widget-title{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--off-black)}
.sidebar-widget-body{padding:18px;background:var(--off-black)}
.sidebar-story{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);cursor:pointer}
.sidebar-story:last-child{border-bottom:none;padding-bottom:0}
.sidebar-story img{width:64px;height:48px;object-fit:cover;flex-shrink:0;filter:brightness(0.8)}
.sidebar-story-text .s-tag{font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:3px}
.sidebar-story-text h5{font-family:var(--font-d);font-size:13px;font-weight:700;color:var(--white);line-height:1.3;transition:color 0.2s}
.sidebar-story:hover h5{color:var(--gold)}
.sidebar-nl{background:var(--off-black);border:1px solid var(--border);padding:22px}
.sidebar-nl p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:14px}
.sidebar-nl-input{width:100%;background:var(--dark);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:13px;padding:10px 12px;outline:none;margin-bottom:8px;border-radius:2px}
.sidebar-nl-input:focus{border-color:var(--gold)}
.sidebar-nl-input::placeholder{color:var(--muted)}
.sidebar-nl-btn{width:100%;background:var(--gold);color:var(--black);border:none;padding:11px;font-family:var(--font-b);font-size:12px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s}
.sidebar-nl-btn:hover{background:var(--gold-light)}
.paywall-box{background:var(--off-black);border:1px solid var(--gold);padding:32px;text-align:center;margin:40px 0}
.paywall-box h3{font-family:var(--font-d);font-size:22px;font-weight:900;color:var(--white);margin-bottom:10px}
.paywall-box p{font-size:14px;color:var(--muted);margin-bottom:22px;line-height:1.6}
.paywall-box .btn-sub{display:inline-block;margin-bottom:10px}
.paywall-login{font-size:12px;color:var(--muted)}
.paywall-login a{color:var(--gold);text-decoration:none}
@media(max-width:1024px){.art-layout{grid-template-columns:1fr}}
@media(max-width:768px){
  .art-hero{height:360px}
  .art-hero-content{padding:24px}
  .art-deck{font-size:16px}
  .related-grid{grid-template-columns:1fr}
  .art-content p{font-size:16px}
  .author-box{flex-direction:column}
  .art-sidebar{display:none}
}
@media(max-width:480px){
  .art-hero{height:280px}
  .art-headline{font-size:24px}
}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ════════════════════════════════════════════════════════════════
   CATEGORY PAGE
   ════════════════════════════════════════════════════════════════ */
.cat-wrap{max-width:1400px;margin:0 auto;padding:0 24px}
.cat-tabs{background:var(--off-black);border-bottom:1px solid var(--border);position:sticky;top:68px;z-index:100}
.cat-tabs-inner{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;gap:0;overflow-x:auto;scrollbar-width:none}
.cat-tabs-inner::-webkit-scrollbar{display:none}
.cat-tab{font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);padding:14px 20px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:var(--font-b);transition:all 0.2s}
.cat-tab:hover{color:var(--light)}
.cat-tab.active{color:var(--gold);border-bottom-color:var(--gold)}
.cat-section{padding:64px 0}
.cat-lead{display:grid;grid-template-columns:2fr 1fr;gap:1px;background:var(--border);margin-bottom:1px}
.cat-card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;display:flex;flex-direction:column}
.cat-card:hover{background:var(--dark)}
.cat-card.lead{grid-row:span 2}
.cat-card img{width:100%;object-fit:cover;display:block;filter:brightness(0.82);transition:filter 0.3s}
.cat-card:hover img{filter:brightness(0.95)}
.cat-card.lead img{height:380px}
.cat-card:not(.lead) img{height:180px}
.cat-card-body{padding:22px 24px;flex:1;display:flex;flex-direction:column}
.cat-card.lead .cat-card-body{padding:28px 32px}
.c-tag{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:8px}
.cat-card h2{font-family:var(--font-d);font-size:clamp(20px,2.5vw,30px);font-weight:900;line-height:1.2;color:var(--white);margin-bottom:10px;transition:color 0.2s}
.cat-card:hover h2{color:var(--gold)}
.cat-card h3{font-family:var(--font-d);font-size:17px;font-weight:700;line-height:1.3;color:var(--white);margin-bottom:8px;transition:color 0.2s}
.cat-card:hover h3{color:var(--gold)}
.c-excerpt{font-size:14px;color:var(--light);line-height:1.6;font-weight:300;flex:1;margin-bottom:12px}
.c-foot{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border);margin-top:auto}
.c-foot strong{color:var(--light)}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin-bottom:1px}
.cat-list{display:flex;flex-direction:column;gap:1px;background:var(--border)}
.cat-list-item{background:var(--off-black);display:grid;grid-template-columns:160px 1fr;gap:0;cursor:pointer;transition:background 0.2s;overflow:hidden}
.cat-list-item:hover{background:var(--dark)}
.cat-list-item img{width:160px;height:110px;object-fit:cover;display:block;filter:brightness(0.82)}
.cat-list-body{padding:18px 22px;display:flex;flex-direction:column;justify-content:center}
.cat-list-body h4{font-family:var(--font-d);font-size:17px;font-weight:700;color:var(--white);line-height:1.3;margin-bottom:6px;transition:color 0.2s}
.cat-list-item:hover h4{color:var(--gold)}
.cat-list-body p{font-size:13px;color:var(--muted);line-height:1.5}
.cat-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:48px 0 0}
.pg-btn{width:38px;height:38px;border:1px solid var(--border);background:none;color:var(--muted);font-family:var(--font-b);font-size:13px;font-weight:600;cursor:pointer;border-radius:2px;transition:all 0.2s}
.pg-btn:hover{border-color:var(--gold);color:var(--gold)}
.pg-btn.active{background:var(--gold);border-color:var(--gold);color:var(--black)}
.cat-filter-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}
.filter-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}
.filter-select{background:var(--off-black);border:1px solid var(--border);color:var(--light);font-family:var(--font-b);font-size:13px;padding:8px 14px;border-radius:2px;outline:none;cursor:pointer}
.filter-select:focus{border-color:var(--gold)}
@media(max-width:768px){
  .cat-lead{grid-template-columns:1fr}
  .cat-card.lead{grid-row:span 1}
  .cat-grid{grid-template-columns:1fr}
  .cat-list-item{grid-template-columns:100px 1fr}
  .cat-list-item img{width:100px;height:90px}
  .cat-section{padding:36px 0}
}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ════════════════════════════════════════════════════════════════
   ABOUT PAGE
   ════════════════════════════════════════════════════════════════ */
.about-wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.about-wide{max-width:1400px;margin:0 auto;padding:0 24px}
.mission-section{padding:80px 0;border-bottom:1px solid var(--border)}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.mission-text h2{font-family:var(--font-d);font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.1;color:var(--white);margin-bottom:22px}
.mission-text h2 em{font-style:italic;color:var(--gold)}
.mission-text p{font-size:16px;color:var(--light);line-height:1.8;margin-bottom:18px;font-weight:300}
.mission-img{position:relative}
.mission-img img{width:100%;display:block;filter:brightness(0.75)}
.mission-img-caption{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,rgba(10,10,10,0.9));font-size:12px;color:var(--muted);font-style:italic}
.values-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin-top:40px}
.value-card{background:var(--off-black);padding:36px 28px;transition:background 0.2s}
.value-card:hover{background:var(--mid)}
.value-num{font-family:var(--font-d);font-size:48px;font-weight:900;color:rgba(230,168,23,0.15);line-height:1;margin-bottom:8px}
.value-card h3{font-family:var(--font-d);font-size:22px;font-weight:800;color:var(--white);margin-bottom:12px}
.value-card p{font-size:14px;color:var(--muted);line-height:1.7}
.stats-section{padding:64px 0;border-bottom:1px solid var(--border)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
.stat-box{background:var(--off-black);padding:36px 24px;text-align:center;transition:background 0.2s}
.stat-box:hover{background:var(--dark)}
.stat-number{font-family:var(--font-d);font-size:48px;font-weight:900;color:var(--gold);line-height:1;margin-bottom:6px}
.stat-desc{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}
.team-section{padding:80px 0;border-bottom:1px solid var(--border)}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);margin-top:40px}
.team-card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s}
.team-card:hover{background:var(--dark)}
.team-card img{width:100%;height:220px;object-fit:cover;display:block;filter:brightness(0.75) saturate(0.8);transition:filter 0.3s}
.team-card:hover img{filter:brightness(0.9) saturate(1)}
.team-card-body{padding:20px}
.team-name{font-family:var(--font-d);font-size:17px;font-weight:800;color:var(--white);margin-bottom:4px}
.team-role{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:0.1em;font-weight:700;margin-bottom:8px}
.team-bio{font-size:13px;color:var(--muted);line-height:1.55}
.history-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.timeline{display:flex;flex-direction:column;gap:0;margin-top:40px;max-width:800px;margin-left:auto;margin-right:auto}
.tl-item{display:grid;grid-template-columns:100px 1fr;gap:32px;padding:28px 0;border-bottom:1px solid var(--border);position:relative}
.tl-item:last-child{border-bottom:none}
.tl-year{font-family:var(--font-d);font-size:24px;font-weight:900;color:var(--gold);padding-top:4px}
.tl-content h4{font-size:16px;font-weight:700;color:var(--white);margin-bottom:6px}
.tl-content p{font-size:14px;color:var(--muted);line-height:1.6}
.partners-section{padding:72px 0}
.partners-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);margin-top:40px}
.partner-box{background:var(--off-black);padding:28px;display:flex;align-items:center;justify-content:center;min-height:80px;transition:background 0.2s}
.partner-box:hover{background:var(--dark)}
.partner-box span{font-size:14px;font-weight:700;color:var(--muted);letter-spacing:0.06em;text-transform:uppercase}
.sec-heading{font-family:var(--font-d);font-size:30px;font-weight:900;color:var(--white);margin-bottom:8px;text-align:center}
.sec-sub{font-size:14px;color:var(--muted);text-align:center;margin-bottom:0}
@media(max-width:768px){
  .mission-grid,.stats-grid{grid-template-columns:1fr}
  .values-grid,.team-grid{grid-template-columns:1fr 1fr}
  .partners-grid{grid-template-columns:repeat(2,1fr)}
  .mission-section,.values-section,.team-section,.history-section,.partners-section,.stats-section{padding:48px 0}
}
@media(max-width:480px){
  .values-grid,.team-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ════════════════════════════════════════════════════════════════
   CONTACT PAGE
   ════════════════════════════════════════════════════════════════ */
.contact-wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.contact-grid{display:grid;grid-template-columns:1fr 400px;gap:64px;padding:80px 0;align-items:start}
.contact-info h2{font-family:var(--font-d);font-size:36px;font-weight:900;color:var(--white);margin-bottom:14px}
.contact-info h2 em{font-style:italic;color:var(--gold)}
.contact-info p{font-size:16px;color:var(--light);line-height:1.75;margin-bottom:32px;font-weight:300}
.contact-channels{display:flex;flex-direction:column;gap:20px}
.channel{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid var(--border);transition:border-color 0.2s}
.channel:hover{border-color:var(--gold)}
.channel-icon{font-size:24px;flex-shrink:0;margin-top:2px}
.channel h4{font-size:14px;font-weight:700;color:var(--white);margin-bottom:3px}
.channel p{font-size:13px;color:var(--muted);margin-bottom:4px}
.channel a{font-size:13px;color:var(--gold);text-decoration:none;font-weight:600}
.channel a:hover{text-decoration:underline}
.contact-form-card{background:var(--off-black);border:1px solid var(--border);padding:36px;position:sticky;top:88px}
.cf-title{font-family:var(--font-d);font-size:22px;font-weight:800;color:var(--white);margin-bottom:4px}
.cf-sub{font-size:13px;color:var(--muted);margin-bottom:28px}
.cf-field{margin-bottom:16px}
.cf-field label{display:block;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:6px}
.cf-field input,.cf-field select,.cf-field textarea{width:100%;background:var(--dark);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:14px;padding:11px 13px;outline:none;transition:border-color 0.2s;border-radius:2px}
.cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus{border-color:var(--gold)}
.cf-field input::placeholder,.cf-field textarea::placeholder{color:var(--muted)}
.cf-field textarea{resize:vertical;min-height:120px}
.cf-field select{cursor:pointer}
.cf-field select option{background:var(--dark);color:var(--white)}
.cf-submit{width:100%;background:var(--gold);color:var(--black);border:none;padding:15px;font-family:var(--font-b);font-size:13px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s;margin-top:4px}
.cf-submit:hover{background:var(--gold-light)}
.depts-section{padding:72px 0;border-top:1px solid var(--border);background:var(--dark)}
.depts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin-top:36px}
.dept-card{background:var(--off-black);padding:28px;transition:background 0.2s}
.dept-card:hover{background:var(--mid)}
.dept-icon{font-size:28px;margin-bottom:12px}
.dept-card h4{font-size:16px;font-weight:700;color:var(--white);margin-bottom:6px}
.dept-card p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:12px}
.dept-email{font-size:13px;color:var(--gold);font-weight:600;text-decoration:none}
.dept-email:hover{text-decoration:underline}
.sec-heading{font-family:var(--font-d);font-size:28px;font-weight:900;color:var(--white);text-align:center;margin-bottom:8px}
.sec-sub{font-size:14px;color:var(--muted);text-align:center}
@media(max-width:768px){
  .contact-grid{grid-template-columns:1fr;padding:48px 0 0}
  .contact-form-card{position:static;margin-bottom:48px}
  .depts-grid{grid-template-columns:1fr}
  .depts-section{padding:48px 0}
}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ════════════════════════════════════════════════════════════════
   LOGIN PAGE
   ════════════════════════════════════════════════════════════════ */
.auth-wrap{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:60px 24px;position:relative;overflow:hidden}
.auth-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.08;filter:grayscale(50%)}
.auth-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(26,26,26,0.6) 0%,rgba(10,10,10,0.95) 70%)}
.auth-card{position:relative;z-index:2;width:100%;max-width:440px;background:var(--off-black);border:1px solid var(--border);padding:44px}
.auth-logo{display:block;height:36px;margin:0 auto 28px}
.auth-title{font-family:var(--font-d);font-size:26px;font-weight:900;color:var(--white);text-align:center;margin-bottom:6px}
.auth-title em{font-style:italic;color:var(--gold)}
.auth-sub{font-size:14px;color:var(--muted);text-align:center;margin-bottom:32px}
.auth-field{margin-bottom:16px}
.auth-field label{display:block;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:6px}
.auth-field input{width:100%;background:var(--dark);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:15px;padding:13px 14px;outline:none;transition:border-color 0.2s;border-radius:2px}
.auth-field input:focus{border-color:var(--gold)}
.auth-field input::placeholder{color:var(--muted)}
.auth-forgot{display:block;text-align:right;font-size:12px;color:var(--muted);text-decoration:none;margin-top:6px;transition:color 0.2s}
.auth-forgot:hover{color:var(--gold)}
.auth-submit{width:100%;background:var(--gold);color:var(--black);border:none;padding:15px;font-family:var(--font-b);font-size:14px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s;margin-top:8px}
.auth-submit:hover{background:var(--gold-light)}
.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--muted);font-size:12px}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--border)}
.auth-social{display:flex;gap:10px}
.social-login-btn{flex:1;background:var(--dark);border:1px solid var(--border);color:var(--light);font-family:var(--font-b);font-size:13px;font-weight:600;padding:12px;cursor:pointer;border-radius:2px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.2s}
.social-login-btn:hover{border-color:var(--gold);color:var(--white)}
.auth-footer{text-align:center;margin-top:24px;font-size:13px;color:var(--muted)}
.auth-footer a{color:var(--gold);text-decoration:none;font-weight:600}
.auth-footer a:hover{text-decoration:underline}
.auth-benefits{position:relative;z-index:2;max-width:380px;padding:0 32px;display:none}
@media(min-width:900px){
  .auth-wrap{gap:64px}
  .auth-benefits{display:block}
}
.benefit-item{display:flex;gap:14px;margin-bottom:28px;align-items:flex-start}
.benefit-icon{width:40px;height:40px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.benefit-text h4{font-size:15px;font-weight:700;color:var(--white);margin-bottom:3px}
.benefit-text p{font-size:13px;color:var(--muted);line-height:1.55}
.auth-tagline{font-family:var(--font-d);font-size:28px;font-weight:900;color:var(--white);line-height:1.2;margin-bottom:28px}
.auth-tagline em{font-style:italic;color:var(--gold)}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ════════════════════════════════════════════════════════════════
   REGISTER PAGE
   ════════════════════════════════════════════════════════════════ */
.auth-wrap{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:60px 24px;position:relative;overflow:hidden}
.auth-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.08;filter:grayscale(50%)}
.auth-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(26,26,26,0.6) 0%,rgba(10,10,10,0.95) 70%)}
.auth-card{position:relative;z-index:2;width:100%;max-width:440px;background:var(--off-black);border:1px solid var(--border);padding:44px}
.auth-logo{display:block;height:36px;margin:0 auto 28px}
.auth-title{font-family:var(--font-d);font-size:26px;font-weight:900;color:var(--white);text-align:center;margin-bottom:6px}
.auth-title em{font-style:italic;color:var(--gold)}
.auth-sub{font-size:14px;color:var(--muted);text-align:center;margin-bottom:32px}
.auth-field{margin-bottom:16px}
.auth-field label{display:block;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:6px}
.auth-field input{width:100%;background:var(--dark);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:15px;padding:13px 14px;outline:none;transition:border-color 0.2s;border-radius:2px}
.auth-field input:focus{border-color:var(--gold)}
.auth-field input::placeholder{color:var(--muted)}
.auth-forgot{display:block;text-align:right;font-size:12px;color:var(--muted);text-decoration:none;margin-top:6px;transition:color 0.2s}
.auth-forgot:hover{color:var(--gold)}
.auth-submit{width:100%;background:var(--gold);color:var(--black);border:none;padding:15px;font-family:var(--font-b);font-size:14px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s;margin-top:8px}
.auth-submit:hover{background:var(--gold-light)}
.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--muted);font-size:12px}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--border)}
.auth-social{display:flex;gap:10px}
.social-login-btn{flex:1;background:var(--dark);border:1px solid var(--border);color:var(--light);font-family:var(--font-b);font-size:13px;font-weight:600;padding:12px;cursor:pointer;border-radius:2px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.2s}
.social-login-btn:hover{border-color:var(--gold);color:var(--white)}
.auth-footer{text-align:center;margin-top:24px;font-size:13px;color:var(--muted)}
.auth-footer a{color:var(--gold);text-decoration:none;font-weight:600}
.auth-footer a:hover{text-decoration:underline}
.auth-benefits{position:relative;z-index:2;max-width:380px;padding:0 32px;display:none}
@media(min-width:900px){
  .auth-wrap{gap:64px}
  .auth-benefits{display:block}
}
.benefit-item{display:flex;gap:14px;margin-bottom:28px;align-items:flex-start}
.benefit-icon{width:40px;height:40px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.benefit-text h4{font-size:15px;font-weight:700;color:var(--white);margin-bottom:3px}
.benefit-text p{font-size:13px;color:var(--muted);line-height:1.55}
.auth-tagline{font-family:var(--font-d);font-size:28px;font-weight:900;color:var(--white);line-height:1.2;margin-bottom:28px}
.auth-tagline em{font-style:italic;color:var(--gold)}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ════════════════════════════════════════════════════════════════
   DASHBOARD PAGE
   ════════════════════════════════════════════════════════════════ */
.dash-wrap{max-width:1200px;margin:0 auto;padding:40px 24px 80px}
.dash-grid{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}
.dash-sidebar{position:sticky;top:88px}
.dash-user-card{background:var(--off-black);border:1px solid var(--border);padding:24px;text-align:center;margin-bottom:8px}
.dash-avatar{width:72px;height:72px;border-radius:50%;border:2px solid var(--gold);object-fit:cover;margin:0 auto 12px;display:block;filter:brightness(0.85)}
.dash-user-name{font-family:var(--font-d);font-size:17px;font-weight:800;color:var(--white);margin-bottom:2px}
.dash-user-plan{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:0.1em;font-weight:700;margin-bottom:12px}
.dash-plan-badge{background:rgba(230,168,23,0.12);border:1px solid var(--border);padding:6px 14px;font-size:11px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:0.08em;display:inline-block}
.dash-nav{background:var(--off-black);border:1px solid var(--border)}
.dash-nav-item{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);cursor:pointer;font-size:13px;font-weight:600;color:var(--muted);transition:all 0.2s;text-decoration:none;border-left:3px solid transparent}
.dash-nav-item:last-child{border-bottom:none}
.dash-nav-item:hover{color:var(--white);background:var(--dark)}
.dash-nav-item.active{color:var(--gold);border-left-color:var(--gold);background:rgba(230,168,23,0.04)}
.dash-nav-icon{font-size:16px;flex-shrink:0}
.dash-main{}
.dash-section{background:var(--off-black);border:1px solid var(--border);padding:28px;margin-bottom:20px}
.dash-section-title{font-family:var(--font-d);font-size:20px;font-weight:800;color:var(--white);margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.dash-section-title a{font-size:11px;font-family:var(--font-b);font-weight:700;color:var(--gold);text-decoration:none;letter-spacing:0.06em;text-transform:uppercase}
.sub-status-card{background:var(--dark);border:1px solid var(--gold);padding:22px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-bottom:20px}
.sub-status-info h4{font-size:16px;font-weight:700;color:var(--white);margin-bottom:4px}
.sub-status-info p{font-size:13px;color:var(--muted)}
.sub-status-badge{background:var(--gold);color:var(--black);font-size:10px;font-weight:900;letter-spacing:0.12em;text-transform:uppercase;padding:6px 14px;white-space:nowrap}
.sub-detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}
.sub-detail-row:last-child{border-bottom:none}
.sub-detail-row span:first-child{color:var(--muted)}
.sub-detail-row span:last-child{color:var(--white);font-weight:600}
.reading-list{display:flex;flex-direction:column;gap:1px;background:var(--border)}
.reading-item{background:var(--off-black);display:grid;grid-template-columns:80px 1fr auto;gap:0;align-items:center;transition:background 0.2s;cursor:pointer}
.reading-item:hover{background:var(--dark)}
.reading-item img{width:80px;height:58px;object-fit:cover;display:block;filter:brightness(0.8)}
.reading-item-body{padding:10px 16px}
.ri-tag{font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:3px}
.ri-title{font-size:13px;font-weight:700;color:var(--white);line-height:1.3}
.ri-meta{font-size:11px;color:var(--muted);margin-top:3px}
.reading-item-action{padding:0 16px}
.ri-progress{width:60px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}
.ri-progress-bar{height:100%;background:var(--gold);border-radius:2px}
.notif-row{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--border);align-items:flex-start}
.notif-row:last-child{border-bottom:none}
.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:5px}
.notif-dot.read{background:var(--border)}
.notif-text{font-size:13px;color:var(--light);line-height:1.45;flex:1}
.notif-time{font-size:11px;color:var(--muted);white-space:nowrap}
.billing-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);font-size:13px}
.billing-row:last-child{border-bottom:none}
.billing-amount{font-weight:700;color:var(--white)}
.billing-status{font-size:10px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;padding:3px 8px}
.billing-paid{background:rgba(45,90,45,0.3);color:#6fcf6f}
@media(max-width:768px){
  .dash-grid{grid-template-columns:1fr}
  .dash-sidebar{position:static}
  .sub-status-card{grid-template-columns:1fr}
  .reading-item{grid-template-columns:64px 1fr}
  .reading-item-action{display:none}
}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ════════════════════════════════════════════════════════════════
   ARCHIVE PAGE
   ════════════════════════════════════════════════════════════════ */
.archive-wrap{max-width:1300px;margin:0 auto;padding:0 24px}
.archive-section{padding:72px 0}
.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
.issue-card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;display:flex;flex-direction:column}
.issue-card:hover{background:var(--dark)}
.issue-cover{position:relative;aspect-ratio:3/4;overflow:hidden}
.issue-cover img{width:100%;height:100%;object-fit:cover;filter:brightness(0.7);transition:filter 0.3s;display:block}
.issue-card:hover .issue-cover img{filter:brightness(0.85)}
.issue-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,0.9) 0%,rgba(10,10,10,0.1) 60%)}
.issue-num{position:absolute;top:12px;left:12px;background:var(--gold);color:var(--black);font-size:9px;font-weight:900;letter-spacing:0.12em;text-transform:uppercase;padding:4px 10px}
.issue-cover-title{position:absolute;bottom:0;left:0;right:0;padding:16px}
.issue-cover-title h3{font-family:var(--font-d);font-size:16px;font-weight:900;color:var(--white);line-height:1.2;margin-bottom:4px}
.issue-cover-title span{font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:0.1em;font-weight:700}
.issue-card-body{padding:16px;flex:1;display:flex;flex-direction:column;justify-content:space-between}
.issue-meta{font-size:11px;color:var(--muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:0.04em}
.issue-stories{font-size:12px;color:var(--light);line-height:1.5;margin-bottom:14px;flex:1}
.issue-btns{display:flex;gap:8px}
.ib-read{flex:1;background:var(--gold);color:var(--black);border:none;padding:9px;font-family:var(--font-b);font-size:11px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s}
.ib-read:hover{background:var(--gold-light)}
.ib-buy{background:transparent;color:var(--gold);border:1px solid var(--gold);padding:9px 12px;font-family:var(--font-b);font-size:11px;font-weight:700;cursor:pointer;border-radius:2px;transition:all 0.2s;white-space:nowrap}
.ib-buy:hover{background:var(--gold);color:var(--black)}
.issue-card.current-issue{outline:1px solid var(--gold)}
.current-badge{position:absolute;top:12px;right:12px;background:var(--gold);color:var(--black);font-size:9px;font-weight:900;letter-spacing:0.1em;text-transform:uppercase;padding:4px 10px}
.archive-filter{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:12px}
.filter-year-tabs{display:flex;gap:0}
.fy-tab{background:none;border:1px solid var(--border);color:var(--muted);font-family:var(--font-b);font-size:12px;font-weight:600;padding:8px 18px;cursor:pointer;transition:all 0.2s;margin-right:-1px}
.fy-tab.active{background:var(--gold);color:var(--black);border-color:var(--gold);z-index:1;position:relative}
.fy-tab:hover:not(.active){color:var(--white);border-color:var(--muted)}
.sub-cta-banner{background:var(--dark);border:1px solid var(--border);padding:40px;text-align:center;margin-bottom:48px}
.sub-cta-banner h3{font-family:var(--font-d);font-size:26px;font-weight:900;color:var(--white);margin-bottom:8px}
.sub-cta-banner h3 em{font-style:italic;color:var(--gold)}
.sub-cta-banner p{font-size:15px;color:var(--muted);margin-bottom:20px;max-width:480px;margin-left:auto;margin-right:auto}
.sub-cta-btn{background:var(--gold);color:var(--black);border:none;padding:13px 32px;font-family:var(--font-b);font-size:13px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s;text-decoration:none;display:inline-block}
.sub-cta-btn:hover{background:var(--gold-light)}
@media(max-width:900px){.archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.archive-grid{grid-template-columns:1fr}}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ════════════════════════════════════════════════════════════════
   PODCAST PAGE
   ════════════════════════════════════════════════════════════════ */
.pod-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.pod-section{padding:72px 0}
.pod-featured{display:grid;grid-template-columns:360px 1fr;gap:48px;align-items:center;padding:56px 0;border-bottom:1px solid var(--border)}
.pod-cover{position:relative}
.pod-cover img{width:100%;aspect-ratio:1;object-fit:cover;display:block;filter:brightness(0.75)}
.pod-cover-overlay{position:absolute;inset:0;background:rgba(10,10,10,0.2)}
.pod-cover-badge{position:absolute;top:14px;left:14px;background:var(--gold);color:var(--black);font-size:9px;font-weight:900;letter-spacing:0.12em;text-transform:uppercase;padding:5px 12px}
.pod-info .pod-label{font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:12px}
.pod-info h2{font-family:var(--font-d);font-size:clamp(24px,3vw,38px);font-weight:900;color:var(--white);line-height:1.15;margin-bottom:14px}
.pod-info h2 em{font-style:italic;color:var(--gold)}
.pod-info p{font-size:15px;color:var(--light);line-height:1.7;margin-bottom:24px;font-weight:300}
.pod-meta-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.pod-meta-item{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:0.06em}
.pod-meta-item::before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:var(--gold)}
.player{background:var(--off-black);border:1px solid var(--border);padding:20px}
.player-track{font-size:12px;color:var(--muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:0.06em}
.player-title{font-size:15px;font-weight:700;color:var(--white);margin-bottom:14px}
.player-progress{height:4px;background:var(--border);border-radius:2px;margin-bottom:10px;cursor:pointer;position:relative;overflow:hidden}
.player-fill{height:100%;background:var(--gold);border-radius:2px;width:35%}
.player-times{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:16px}
.player-controls{display:flex;align-items:center;justify-content:center;gap:16px}
.pc-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:18px;transition:color 0.2s;padding:8px}
.pc-btn:hover{color:var(--light)}
.pc-play{width:48px;height:48px;border-radius:50%;background:var(--gold);color:var(--black);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background 0.2s}
.pc-play:hover{background:var(--gold-light)}
.pod-episodes{margin-top:48px}
.episode-list{display:flex;flex-direction:column;gap:1px;background:var(--border)}
.episode-item{background:var(--off-black);display:grid;grid-template-columns:auto 1fr auto;gap:20px;padding:20px 24px;align-items:center;cursor:pointer;transition:background 0.2s}
.episode-item:hover{background:var(--dark)}
.ep-num{font-family:var(--font-d);font-size:22px;font-weight:900;color:rgba(230,168,23,0.2);width:32px;text-align:center;flex-shrink:0}
.episode-item:hover .ep-num{color:var(--gold)}
.ep-body{}
.ep-label{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:4px}
.ep-title{font-size:16px;font-weight:700;color:var(--white);margin-bottom:5px;transition:color 0.2s}
.episode-item:hover .ep-title{color:var(--gold)}
.ep-desc{font-size:13px;color:var(--muted);line-height:1.5}
.ep-meta{font-size:11px;color:var(--muted);text-align:right;white-space:nowrap}
.ep-play-btn{width:36px;height:36px;border-radius:50%;background:var(--dark);border:1px solid var(--border);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all 0.2s;margin-top:6px;margin-left:auto}
.ep-play-btn:hover{background:var(--gold);border-color:var(--gold);color:var(--black)}
.pod-subscribe-row{display:flex;gap:12px;margin-top:40px;flex-wrap:wrap}
.pod-platform-btn{display:inline-flex;align-items:center;gap:8px;background:var(--off-black);border:1px solid var(--border);color:var(--light);padding:11px 18px;font-family:var(--font-b);font-size:13px;font-weight:600;cursor:pointer;border-radius:2px;text-decoration:none;transition:all 0.2s}
.pod-platform-btn:hover{border-color:var(--gold);color:var(--gold)}
@media(max-width:768px){
  .pod-featured{grid-template-columns:1fr}
  .pod-cover{max-width:280px}
  .episode-item{grid-template-columns:auto 1fr}
  .ep-meta{display:none}
  .pod-section{padding:40px 0}
}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ════════════════════════════════════════════════════════════════
   PRIVACY PAGE
   ════════════════════════════════════════════════════════════════ */
.legal-wrap{max-width:820px;margin:0 auto;padding:60px 24px 80px}
.legal-wrap h2{font-family:var(--font-d);font-size:22px;font-weight:800;color:var(--white);margin:36px 0 12px}
.legal-wrap h3{font-size:16px;font-weight:700;color:var(--gold);margin:24px 0 8px;text-transform:uppercase;letter-spacing:0.06em}
.legal-wrap p{font-size:15px;color:var(--light);line-height:1.8;margin-bottom:16px;font-weight:300}
.legal-wrap ul{margin:0 0 16px 20px;display:flex;flex-direction:column;gap:8px}
.legal-wrap ul li{font-size:15px;color:var(--light);line-height:1.7;font-weight:300}
.legal-wrap a{color:var(--gold);text-decoration:none}
.legal-wrap a:hover{text-decoration:underline}
.legal-meta{font-size:12px;color:var(--muted);margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border);display:flex;gap:24px;flex-wrap:wrap}
.legal-toc{background:var(--off-black);border:1px solid var(--border);padding:24px;margin-bottom:40px}
.legal-toc h4{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:14px}
.legal-toc ol{padding-left:18px;display:flex;flex-direction:column;gap:6px}
.legal-toc li{font-size:13px;color:var(--muted)}
.legal-toc a{color:var(--muted);text-decoration:none;transition:color 0.2s}
.legal-toc a:hover{color:var(--gold)}
.legal-section{padding-top:8px;border-top:1px solid var(--border);margin-top:32px}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ════════════════════════════════════════════════════════════════
   TERMS PAGE
   ════════════════════════════════════════════════════════════════ */
.legal-wrap{max-width:820px;margin:0 auto;padding:60px 24px 80px}
.legal-wrap h2{font-family:var(--font-d);font-size:22px;font-weight:800;color:var(--white);margin:36px 0 12px}
.legal-wrap h3{font-size:16px;font-weight:700;color:var(--gold);margin:24px 0 8px;text-transform:uppercase;letter-spacing:0.06em}
.legal-wrap p{font-size:15px;color:var(--light);line-height:1.8;margin-bottom:16px;font-weight:300}
.legal-wrap ul{margin:0 0 16px 20px;display:flex;flex-direction:column;gap:8px}
.legal-wrap ul li{font-size:15px;color:var(--light);line-height:1.7;font-weight:300}
.legal-wrap a{color:var(--gold);text-decoration:none}
.legal-wrap a:hover{text-decoration:underline}
.legal-meta{font-size:12px;color:var(--muted);margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border);display:flex;gap:24px;flex-wrap:wrap}
.legal-toc{background:var(--off-black);border:1px solid var(--border);padding:24px;margin-bottom:40px}
.legal-toc h4{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:14px}
.legal-toc ol{padding-left:18px;display:flex;flex-direction:column;gap:6px}
.legal-toc li{font-size:13px;color:var(--muted)}
.legal-toc a{color:var(--muted);text-decoration:none;transition:color 0.2s}
.legal-toc a:hover{color:var(--gold)}
.legal-section{padding-top:8px;border-top:1px solid var(--border);margin-top:32px}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ════════════════════════════════════════════════════════════════
   404 PAGE
   ════════════════════════════════════════════════════════════════ */
.error-wrap{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:60px 24px;text-align:center;position:relative;overflow:hidden}
.error-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.06;filter:grayscale(60%)}
.error-overlay{position:absolute;inset:0;background:rgba(10,10,10,0.9)}
.error-content{position:relative;z-index:2;max-width:580px}
.error-num{font-family:var(--font-d);font-size:clamp(100px,18vw,180px);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(230,168,23,0.3);margin-bottom:0;letter-spacing:-0.04em}
.error-title{font-family:var(--font-d);font-size:clamp(22px,4vw,36px);font-weight:900;color:var(--white);margin-bottom:14px;margin-top:-12px}
.error-title em{font-style:italic;color:var(--gold)}
.error-text{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:36px;font-weight:300}
.error-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}
.error-search{display:flex;max-width:400px;margin:0 auto}
.error-search-input{flex:1;background:var(--off-black);border:1px solid var(--border);border-right:none;color:var(--white);font-family:var(--font-b);font-size:15px;padding:13px 16px;outline:none;border-radius:2px 0 0 2px}
.error-search-input:focus{border-color:var(--gold)}
.error-search-input::placeholder{color:var(--muted)}
.error-search-btn{background:var(--gold);color:var(--black);border:none;padding:13px 20px;font-family:var(--font-b);font-size:13px;font-weight:800;cursor:pointer;border-radius:0 2px 2px 0;transition:background 0.2s}
.error-search-btn:hover{background:var(--gold-light)}
.error-suggestions{margin-top:48px;text-align:left}
.es-title{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:16px;text-align:center}
.es-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.es-card{background:var(--off-black);padding:16px;cursor:pointer;transition:background 0.2s}
.es-card:hover{background:var(--dark)}
.es-tag{font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:4px}
.es-card h4{font-size:13px;font-weight:700;color:var(--white);line-height:1.35;transition:color 0.2s}
.es-card:hover h4{color:var(--gold)}
@media(max-width:480px){.es-grid{grid-template-columns:1fr}}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ════════════════════════════════════════════════════════════════
   SEARCH PAGE
   ════════════════════════════════════════════════════════════════ */
.search-wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.search-hero{background:var(--off-black);border-bottom:1px solid var(--border);padding:48px 24px}
.search-hero-inner{max-width:1100px;margin:0 auto}
.search-hero-label{font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:14px}
.search-form{display:flex;gap:0;max-width:700px}
.search-input{flex:1;background:var(--dark);border:1px solid var(--border);border-right:none;color:var(--white);font-family:var(--font-d);font-size:22px;font-weight:400;padding:16px 22px;outline:none;transition:border-color 0.2s}
.search-input:focus{border-color:var(--gold)}
.search-input::placeholder{color:var(--muted)}
.search-btn{background:var(--gold);color:var(--black);border:none;padding:16px 28px;font-family:var(--font-b);font-size:13px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;transition:background 0.2s;flex-shrink:0}
.search-btn:hover{background:var(--gold-light)}
.search-meta{font-size:13px;color:var(--muted);margin-top:14px}
.search-meta strong{color:var(--white)}
.search-section{padding:56px 0}
.search-filters{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap;align-items:center}
.filter-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-right:4px}
.filter-pill{background:none;border:1px solid var(--border);color:var(--muted);font-family:var(--font-b);font-size:12px;font-weight:600;padding:6px 16px;cursor:pointer;border-radius:20px;transition:all 0.2s}
.filter-pill:hover{border-color:var(--gold);color:var(--gold)}
.filter-pill.active{background:var(--gold);border-color:var(--gold);color:var(--black)}
.search-results{display:flex;flex-direction:column;gap:1px;background:var(--border)}
.result-item{background:var(--off-black);display:grid;grid-template-columns:1fr 200px;gap:0;transition:background 0.2s;cursor:pointer;overflow:hidden}
.result-item:hover{background:var(--dark)}
.result-body{padding:28px 32px}
.result-tag{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:8px}
.result-title{font-family:var(--font-d);font-size:22px;font-weight:800;line-height:1.2;color:var(--white);margin-bottom:10px;transition:color 0.2s}
.result-item:hover .result-title{color:var(--gold)}
.result-excerpt{font-size:14px;color:var(--light);line-height:1.65;margin-bottom:14px;font-weight:300}
.result-meta{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;display:flex;gap:16px}
.result-meta strong{color:var(--light)}
.result-img{overflow:hidden}
.result-img img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(0.8);transition:filter 0.3s}
.result-item:hover .result-img img{filter:brightness(0.95)}
.search-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:48px 0 0}
.pg-btn{width:38px;height:38px;border:1px solid var(--border);background:none;color:var(--muted);font-family:var(--font-b);font-size:13px;font-weight:600;cursor:pointer;border-radius:2px;transition:all 0.2s}
.pg-btn:hover{border-color:var(--gold);color:var(--gold)}
.pg-btn.active{background:var(--gold);border-color:var(--gold);color:var(--black)}
.no-results{text-align:center;padding:80px 24px}
.no-results-icon{font-size:56px;margin-bottom:16px}
.no-results h3{font-family:var(--font-d);font-size:28px;font-weight:900;color:var(--white);margin-bottom:10px}
.no-results p{font-size:15px;color:var(--muted);margin-bottom:28px}
.search-suggest{background:var(--off-black);border:1px solid var(--border);padding:28px;margin-top:40px}
.search-suggest h4{font-size:13px;font-weight:700;color:var(--white);margin-bottom:14px;text-transform:uppercase;letter-spacing:0.08em}
.suggest-tags{display:flex;flex-wrap:wrap;gap:8px}
.suggest-tag{font-size:12px;color:var(--muted);border:1px solid var(--border);padding:5px 14px;cursor:pointer;transition:all 0.2s;border-radius:2px}
.suggest-tag:hover{color:var(--gold);border-color:var(--gold)}
@media(max-width:768px){
  .result-item{grid-template-columns:1fr}
  .result-img{display:none}
  .result-body{padding:20px}
  .search-section{padding:32px 0}
}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}.nav-links li{width:100%;border-bottom:1px solid var(--border)}.nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}.hamburger{display:flex}.ft-top{grid-template-columns:1fr 1fr;gap:28px}.page-banner{padding:44px 16px}.translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}.tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}.chat-fab{bottom:16px;right:16px}
}
/* Cookie Banner */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--off-black);border-top:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.4s ease;box-shadow:0 -4px 24px rgba(0,0,0,0.4)}
.cookie-text a:hover{text-decoration:underline}
.cookie-decline:hover{border-color:var(--muted);color:var(--light)}
@media(max-width:480px){.cookie-banner{flex-direction:column;align-items:stretch}.cookie-actions{flex-direction:column}}
/* Back to Top */
.btt-btn{position:fixed;bottom:100px;right:28px;z-index:8000;width:44px;height:44px;background:var(--off-black);border:1px solid var(--border);color:var(--gold);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;opacity:0;pointer-events:none;transition:all 0.3s;box-shadow:0 4px 16px rgba(0,0,0,0.4)}
@media(max-width:480px){.btt-btn{bottom:80px;right:12px}}

/* ════════════════════════════════════════════════════════════════
   AUTHOR PAGE
   ════════════════════════════════════════════════════════════════ */
.author-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.author-hero{background:var(--off-black);border-bottom:1px solid var(--border);padding:64px 24px;position:relative;overflow:hidden}
.author-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.07;filter:grayscale(60%)}
.author-hero-overlay{position:absolute;inset:0;background:rgba(10,10,10,0.88)}
.author-hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:flex;gap:40px;align-items:flex-start}
.author-avatar{width:120px;height:120px;border-radius:50%;border:3px solid var(--gold);object-fit:cover;flex-shrink:0;filter:brightness(0.9)}
.author-info{flex:1}
.author-role{font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:8px}
.author-name{font-family:var(--font-d);font-size:clamp(28px,4vw,48px);font-weight:900;color:var(--white);margin-bottom:12px;line-height:1.1}
.author-bio{font-size:16px;color:var(--light);line-height:1.75;max-width:620px;font-weight:300;margin-bottom:20px}
.author-stats{display:flex;gap:28px;flex-wrap:wrap}
.author-stat{text-align:left}
.author-stat-num{font-family:var(--font-d);font-size:26px;font-weight:900;color:var(--gold);line-height:1}
.author-stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-top:2px}
.author-socials{display:flex;gap:8px;margin-top:20px}
.author-soc{background:var(--dark);border:1px solid var(--border);color:var(--muted);padding:7px 14px;font-size:12px;font-weight:700;text-decoration:none;transition:all 0.2s;border-radius:2px}
.author-soc:hover{border-color:var(--gold);color:var(--gold)}
.author-section{padding:64px 0;border-bottom:1px solid var(--border)}
.author-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.a-card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;display:flex;flex-direction:column}
.a-card:hover{background:var(--dark)}
.a-card img{width:100%;height:180px;object-fit:cover;display:block;filter:brightness(0.82);transition:filter 0.3s}
.a-card:hover img{filter:brightness(0.95)}
.a-card-body{padding:20px;flex:1;display:flex;flex-direction:column}
.a-tag{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:7px}
.a-card h3{font-family:var(--font-d);font-size:18px;font-weight:800;line-height:1.25;color:var(--white);margin-bottom:8px;transition:color 0.2s;flex:1}
.a-card:hover h3{color:var(--gold)}
.a-card-foot{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;margin-top:auto;padding-top:10px;border-top:1px solid var(--border)}
.author-podcast{background:var(--dark);border:1px solid var(--border);padding:28px;display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center;cursor:pointer;transition:background 0.2s;margin-top:1px}
.author-podcast:hover{background:var(--mid)}
.pod-thumb{width:80px;height:80px;object-fit:cover;display:block}
.pod-ep-num{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:4px}
.pod-ep-title{font-size:15px;font-weight:700;color:var(--white);margin-bottom:4px;transition:color 0.2s}
.author-podcast:hover .pod-ep-title{color:var(--gold)}
.pod-ep-meta{font-size:12px;color:var(--muted)}
.pod-play{width:44px;height:44px;border-radius:50%;background:var(--gold);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:background 0.2s}
.pod-play:hover{background:var(--gold-light)}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.sec-title{font-family:var(--font-d);font-size:24px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}
.sec-title::before{content:'';display:block;width:4px;height:24px;background:var(--gold);border-radius:2px}
.sec-link{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;font-weight:700}
@media(max-width:768px){
  .author-hero-inner{flex-direction:column;gap:20px}
  .author-avatar{width:88px;height:88px}
  .author-grid{grid-template-columns:1fr}
  .author-podcast{grid-template-columns:60px 1fr}
  .pod-play{display:none}
  .author-section{padding:40px 0}
}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}.nav-links li{width:100%;border-bottom:1px solid var(--border)}.nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}.hamburger{display:flex}.ft-top{grid-template-columns:1fr 1fr;gap:28px}.page-banner{padding:44px 16px}.translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}.tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}.chat-fab{bottom:16px;right:16px}
}
/* Cookie Banner */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--off-black);border-top:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.4s ease;box-shadow:0 -4px 24px rgba(0,0,0,0.4)}
.cookie-text a:hover{text-decoration:underline}
.cookie-decline:hover{border-color:var(--muted);color:var(--light)}
@media(max-width:480px){.cookie-banner{flex-direction:column;align-items:stretch}.cookie-actions{flex-direction:column}}
/* Back to Top */
.btt-btn{position:fixed;bottom:100px;right:28px;z-index:8000;width:44px;height:44px;background:var(--off-black);border:1px solid var(--border);color:var(--gold);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;opacity:0;pointer-events:none;transition:all 0.3s;box-shadow:0 4px 16px rgba(0,0,0,0.4)}
@media(max-width:480px){.btt-btn{bottom:80px;right:12px}}

/* ════════════════════════════════════════════════════════════════
   NL CONFIRM PAGE
   ════════════════════════════════════════════════════════════════ */
.confirm-wrap{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:60px 24px;position:relative;overflow:hidden}
.confirm-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.07;filter:grayscale(60%)}
.confirm-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(26,26,26,0.5) 0%,rgba(10,10,10,0.96) 70%)}
.confirm-card{position:relative;z-index:2;max-width:560px;width:100%;background:var(--off-black);border:1px solid var(--border);padding:52px;text-align:center}
.confirm-icon{width:72px;height:72px;border-radius:50%;background:rgba(230,168,23,0.12);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 24px}
.confirm-eyebrow{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:12px}
.confirm-title{font-family:var(--font-d);font-size:30px;font-weight:900;color:var(--white);margin-bottom:14px;line-height:1.15}
.confirm-title em{font-style:italic;color:var(--gold)}
.confirm-text{font-size:15px;color:var(--light);line-height:1.7;margin-bottom:28px;font-weight:300}
.confirm-email-badge{background:var(--dark);border:1px solid var(--border);padding:12px 20px;font-size:14px;color:var(--gold);font-weight:700;margin-bottom:28px;display:inline-block}
.confirm-steps{background:var(--dark);padding:24px;text-align:left;margin-bottom:32px}
.confirm-steps h4{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:14px}
.confirm-step{display:flex;gap:14px;margin-bottom:12px;align-items:flex-start;font-size:14px;color:var(--light)}
.confirm-step:last-child{margin-bottom:0}
.step-num{width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--black);font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.confirm-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.confirm-social{display:flex;gap:8px;justify-content:center;margin-top:24px}
.csoc-btn{background:var(--dark);border:1px solid var(--border);color:var(--muted);padding:8px 16px;font-size:12px;font-weight:700;cursor:pointer;border-radius:2px;transition:all 0.2s;text-decoration:none}
.csoc-btn:hover{border-color:var(--gold);color:var(--gold)}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}.nav-links li{width:100%;border-bottom:1px solid var(--border)}.nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}.hamburger{display:flex}.ft-top{grid-template-columns:1fr 1fr;gap:28px}.page-banner{padding:44px 16px}.translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}.tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}.chat-fab{bottom:16px;right:16px}
}
/* Cookie Banner */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--off-black);border-top:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.4s ease;box-shadow:0 -4px 24px rgba(0,0,0,0.4)}
.cookie-text a:hover{text-decoration:underline}
.cookie-decline:hover{border-color:var(--muted);color:var(--light)}
@media(max-width:480px){.cookie-banner{flex-direction:column;align-items:stretch}.cookie-actions{flex-direction:column}}
/* Back to Top */
.btt-btn{position:fixed;bottom:100px;right:28px;z-index:8000;width:44px;height:44px;background:var(--off-black);border:1px solid var(--border);color:var(--gold);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;opacity:0;pointer-events:none;transition:all 0.3s;box-shadow:0 4px 16px rgba(0,0,0,0.4)}
@media(max-width:480px){.btt-btn{bottom:80px;right:12px}}

/* ════════════════════════════════════════════════════════════════
   PWD RESET PAGE
   ════════════════════════════════════════════════════════════════ */
.reset-wrap{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:60px 24px;position:relative;overflow:hidden}
.reset-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.07;filter:grayscale(60%)}
.reset-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(26,26,26,0.5) 0%,rgba(10,10,10,0.96) 70%)}
.reset-card{position:relative;z-index:2;max-width:440px;width:100%;background:var(--off-black);border:1px solid var(--border);padding:44px}
.reset-logo{display:block;height:34px;margin:0 auto 28px}
.reset-step-indicator{display:flex;gap:0;margin-bottom:32px;overflow:hidden;border-radius:2px}
.rst-step{flex:1;height:3px;background:var(--border)}
.rst-step.done{background:var(--gold)}
.rst-step.active{background:var(--gold-light)}
.reset-icon{font-size:36px;text-align:center;margin-bottom:14px}
.reset-title{font-family:var(--font-d);font-size:24px;font-weight:900;color:var(--white);text-align:center;margin-bottom:6px}
.reset-title em{font-style:italic;color:var(--gold)}
.reset-sub{font-size:13px;color:var(--muted);text-align:center;margin-bottom:28px;line-height:1.55}
.reset-field{margin-bottom:16px}
.reset-field label{display:block;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:6px}
.reset-field input{width:100%;background:var(--dark);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:15px;padding:13px 14px;outline:none;transition:border-color 0.2s;border-radius:2px}
.reset-field input:focus{border-color:var(--gold)}
.reset-field input::placeholder{color:var(--muted)}
.pw-strength{height:3px;background:var(--border);margin-top:6px;border-radius:2px;overflow:hidden}
.pw-strength-bar{height:100%;width:0%;transition:width 0.3s,background 0.3s;border-radius:2px}
.pw-strength-label{font-size:11px;color:var(--muted);margin-top:4px}
.reset-submit{width:100%;background:var(--gold);color:var(--black);border:none;padding:15px;font-family:var(--font-b);font-size:14px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s;margin-top:4px}
.reset-submit:hover{background:var(--gold-light)}
.reset-back{display:block;text-align:center;font-size:13px;color:var(--muted);text-decoration:none;margin-top:18px;transition:color 0.2s}
.reset-back:hover{color:var(--gold)}
.reset-success{display:none;text-align:center}
.reset-success.show{display:block}
.reset-form-view{display:block}
.reset-form-view.hide{display:none}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}.nav-links li{width:100%;border-bottom:1px solid var(--border)}.nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}.hamburger{display:flex}.ft-top{grid-template-columns:1fr 1fr;gap:28px}.page-banner{padding:44px 16px}.translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}.tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}.chat-fab{bottom:16px;right:16px}
}
/* Cookie Banner */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--off-black);border-top:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.4s ease;box-shadow:0 -4px 24px rgba(0,0,0,0.4)}
.cookie-text a:hover{text-decoration:underline}
.cookie-decline:hover{border-color:var(--muted);color:var(--light)}
@media(max-width:480px){.cookie-banner{flex-direction:column;align-items:stretch}.cookie-actions{flex-direction:column}}
/* Back to Top */
.btt-btn{position:fixed;bottom:100px;right:28px;z-index:8000;width:44px;height:44px;background:var(--off-black);border:1px solid var(--border);color:var(--gold);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;opacity:0;pointer-events:none;transition:all 0.3s;box-shadow:0 4px 16px rgba(0,0,0,0.4)}
@media(max-width:480px){.btt-btn{bottom:80px;right:12px}}

/* ════════════════════════════════════════════════════════════════
   CULTURE PAGE
   ════════════════════════════════════════════════════════════════ */
.intro-block{max-width:820px;margin:0 auto 56px;text-align:center;padding:0 24px}
.intro-block h2{font-family:var(--font-d);font-size:clamp(26px,3.5vw,40px);font-weight:900;color:var(--white);margin-bottom:16px;line-height:1.15}
.intro-block h2 em{font-style:italic;color:var(--gold)}
.intro-block p{font-size:16px;color:var(--light);line-height:1.8;font-weight:300;margin-bottom:12px}
.topic-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}
.tl-item{background:var(--off-black);border:1px solid var(--border);padding:7px 16px;font-size:12px;font-weight:600;color:var(--muted);border-radius:20px;cursor:pointer;transition:all 0.2s;text-decoration:none}
.tl-item:hover{border-color:var(--gold);color:var(--gold)}
.cta-section{padding:72px 24px;text-align:center;border-bottom:1px solid var(--border)}
.cta-section h2{font-family:var(--font-d);font-size:clamp(24px,3vw,38px);font-weight:900;color:var(--white);margin-bottom:12px}
.cta-section h2 em{font-style:italic;color:var(--gold)}
.cta-section p{font-size:16px;color:var(--light);margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7;font-weight:300}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.closing-section{padding:64px 24px;text-align:center;background:var(--dark);border-bottom:1px solid var(--border)}
.closing-section p{font-size:16px;color:var(--light);line-height:1.8;max-width:700px;margin:0 auto;font-weight:300}
html.light-mode .intro-block h2{color:#0A0A0A!important}
html.light-mode .intro-block p{color:#2C2C2C!important}
html.light-mode .tl-item{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .cta-section{background:#F5F0E8!important}
html.light-mode .cta-section h2{color:#0A0A0A!important}
html.light-mode .cta-section p{color:#2C2C2C!important}
html.light-mode .closing-section{background:#EDE7DD!important}
html.light-mode .closing-section p{color:#2C2C2C!important}
@media(max-width:768px){.section{padding:48px 0}.cta-section{padding:48px 16px}.intro-block{margin-bottom:36px}}

/* ════════════════════════════════════════════════════════════════
   BUSINESS PAGE
   ════════════════════════════════════════════════════════════════ */
.intro-block{max-width:820px;margin:0 auto 56px;text-align:center;padding:0 24px}
.intro-block h2{font-family:var(--font-d);font-size:clamp(26px,3.5vw,40px);font-weight:900;color:var(--white);margin-bottom:16px;line-height:1.15}
.intro-block h2 em{font-style:italic;color:var(--gold)}
.intro-block p{font-size:16px;color:var(--light);line-height:1.8;font-weight:300;margin-bottom:12px}
.topic-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}
.tl-item{background:var(--off-black);border:1px solid var(--border);padding:7px 16px;font-size:12px;font-weight:600;color:var(--muted);border-radius:20px;cursor:pointer;transition:all 0.2s;text-decoration:none}
.tl-item:hover{border-color:var(--gold);color:var(--gold)}
.cta-section{padding:72px 24px;text-align:center;border-bottom:1px solid var(--border)}
.cta-section h2{font-family:var(--font-d);font-size:clamp(24px,3vw,38px);font-weight:900;color:var(--white);margin-bottom:12px}
.cta-section h2 em{font-style:italic;color:var(--gold)}
.cta-section p{font-size:16px;color:var(--light);margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7;font-weight:300}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.closing-section{padding:64px 24px;text-align:center;background:var(--dark);border-bottom:1px solid var(--border)}
.closing-section p{font-size:16px;color:var(--light);line-height:1.8;max-width:700px;margin:0 auto;font-weight:300}
html.light-mode .intro-block h2{color:#0A0A0A!important}
html.light-mode .intro-block p{color:#2C2C2C!important}
html.light-mode .tl-item{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .cta-section{background:#F5F0E8!important}
html.light-mode .cta-section h2{color:#0A0A0A!important}
html.light-mode .cta-section p{color:#2C2C2C!important}
html.light-mode .closing-section{background:#EDE7DD!important}
html.light-mode .closing-section p{color:#2C2C2C!important}
@media(max-width:768px){.section{padding:48px 0}.cta-section{padding:48px 16px}.intro-block{margin-bottom:36px}}

/* ════════════════════════════════════════════════════════════════
   DIASPORA PAGE
   ════════════════════════════════════════════════════════════════ */
.intro-block{max-width:820px;margin:0 auto 56px;text-align:center;padding:0 24px}
.intro-block h2{font-family:var(--font-d);font-size:clamp(26px,3.5vw,40px);font-weight:900;color:var(--white);margin-bottom:16px;line-height:1.15}
.intro-block h2 em{font-style:italic;color:var(--gold)}
.intro-block p{font-size:16px;color:var(--light);line-height:1.8;font-weight:300;margin-bottom:12px}
.topic-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}
.tl-item{background:var(--off-black);border:1px solid var(--border);padding:7px 16px;font-size:12px;font-weight:600;color:var(--muted);border-radius:20px;cursor:pointer;transition:all 0.2s;text-decoration:none}
.tl-item:hover{border-color:var(--gold);color:var(--gold)}
.cta-section{padding:72px 24px;text-align:center;border-bottom:1px solid var(--border)}
.cta-section h2{font-family:var(--font-d);font-size:clamp(24px,3vw,38px);font-weight:900;color:var(--white);margin-bottom:12px}
.cta-section h2 em{font-style:italic;color:var(--gold)}
.cta-section p{font-size:16px;color:var(--light);margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7;font-weight:300}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.closing-section{padding:64px 24px;text-align:center;background:var(--dark);border-bottom:1px solid var(--border)}
.closing-section p{font-size:16px;color:var(--light);line-height:1.8;max-width:700px;margin:0 auto;font-weight:300}
html.light-mode .intro-block h2{color:#0A0A0A!important}
html.light-mode .intro-block p{color:#2C2C2C!important}
html.light-mode .tl-item{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .cta-section{background:#F5F0E8!important}
html.light-mode .cta-section h2{color:#0A0A0A!important}
html.light-mode .cta-section p{color:#2C2C2C!important}
html.light-mode .closing-section{background:#EDE7DD!important}
html.light-mode .closing-section p{color:#2C2C2C!important}
@media(max-width:768px){.section{padding:48px 0}.cta-section{padding:48px 16px}.intro-block{margin-bottom:36px}}

/* ════════════════════════════════════════════════════════════════
   MEDIA PAGE
   ════════════════════════════════════════════════════════════════ */
.intro-block{max-width:820px;margin:0 auto 56px;text-align:center;padding:0 24px}
.intro-block h2{font-family:var(--font-d);font-size:clamp(26px,3.5vw,40px);font-weight:900;color:var(--white);margin-bottom:16px;line-height:1.15}
.intro-block h2 em{font-style:italic;color:var(--gold)}
.intro-block p{font-size:16px;color:var(--light);line-height:1.8;font-weight:300;margin-bottom:12px}
.topic-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}
.tl-item{background:var(--off-black);border:1px solid var(--border);padding:7px 16px;font-size:12px;font-weight:600;color:var(--muted);border-radius:20px;cursor:pointer;transition:all 0.2s;text-decoration:none}
.tl-item:hover{border-color:var(--gold);color:var(--gold)}
.cta-section{padding:72px 24px;text-align:center;border-bottom:1px solid var(--border)}
.cta-section h2{font-family:var(--font-d);font-size:clamp(24px,3vw,38px);font-weight:900;color:var(--white);margin-bottom:12px}
.cta-section h2 em{font-style:italic;color:var(--gold)}
.cta-section p{font-size:16px;color:var(--light);margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7;font-weight:300}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.closing-section{padding:64px 24px;text-align:center;background:var(--dark);border-bottom:1px solid var(--border)}
.closing-section p{font-size:16px;color:var(--light);line-height:1.8;max-width:700px;margin:0 auto;font-weight:300}
html.light-mode .intro-block h2{color:#0A0A0A!important}
html.light-mode .intro-block p{color:#2C2C2C!important}
html.light-mode .tl-item{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .cta-section{background:#F5F0E8!important}
html.light-mode .cta-section h2{color:#0A0A0A!important}
html.light-mode .cta-section p{color:#2C2C2C!important}
html.light-mode .closing-section{background:#EDE7DD!important}
html.light-mode .closing-section p{color:#2C2C2C!important}
@media(max-width:768px){.section{padding:48px 0}.cta-section{padding:48px 16px}.intro-block{margin-bottom:36px}}

/* ════════════════════════════════════════════════════════════════
   EVENTS PAGE
   ════════════════════════════════════════════════════════════════ */
.intro-block{max-width:820px;margin:0 auto 56px;text-align:center;padding:0 24px}
.intro-block h2{font-family:var(--font-d);font-size:clamp(26px,3.5vw,40px);font-weight:900;color:var(--white);margin-bottom:16px;line-height:1.15}
.intro-block h2 em{font-style:italic;color:var(--gold)}
.intro-block p{font-size:16px;color:var(--light);line-height:1.8;font-weight:300;margin-bottom:12px}
.topic-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}
.tl-item{background:var(--off-black);border:1px solid var(--border);padding:7px 16px;font-size:12px;font-weight:600;color:var(--muted);border-radius:20px;cursor:pointer;transition:all 0.2s;text-decoration:none}
.tl-item:hover{border-color:var(--gold);color:var(--gold)}
.cta-section{padding:72px 24px;text-align:center;border-bottom:1px solid var(--border)}
.cta-section h2{font-family:var(--font-d);font-size:clamp(24px,3vw,38px);font-weight:900;color:var(--white);margin-bottom:12px}
.cta-section h2 em{font-style:italic;color:var(--gold)}
.cta-section p{font-size:16px;color:var(--light);margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7;font-weight:300}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.closing-section{padding:64px 24px;text-align:center;background:var(--dark);border-bottom:1px solid var(--border)}
.closing-section p{font-size:16px;color:var(--light);line-height:1.8;max-width:700px;margin:0 auto;font-weight:300}
html.light-mode .intro-block h2{color:#0A0A0A!important}
html.light-mode .intro-block p{color:#2C2C2C!important}
html.light-mode .tl-item{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .cta-section{background:#F5F0E8!important}
html.light-mode .cta-section h2{color:#0A0A0A!important}
html.light-mode .cta-section p{color:#2C2C2C!important}
html.light-mode .closing-section{background:#EDE7DD!important}
html.light-mode .closing-section p{color:#2C2C2C!important}
@media(max-width:768px){.section{padding:48px 0}.cta-section{padding:48px 16px}.intro-block{margin-bottom:36px}}

/* ════════════════════════════════════════════════════════════════
   MARKETPLACE PAGE
   ════════════════════════════════════════════════════════════════ */
.intro-block{max-width:820px;margin:0 auto 56px;text-align:center;padding:0 24px}
.intro-block h2{font-family:var(--font-d);font-size:clamp(26px,3.5vw,40px);font-weight:900;color:var(--white);margin-bottom:16px;line-height:1.15}
.intro-block h2 em{font-style:italic;color:var(--gold)}
.intro-block p{font-size:16px;color:var(--light);line-height:1.8;font-weight:300;margin-bottom:12px}
.topic-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}
.tl-item{background:var(--off-black);border:1px solid var(--border);padding:7px 16px;font-size:12px;font-weight:600;color:var(--muted);border-radius:20px;cursor:pointer;transition:all 0.2s;text-decoration:none}
.tl-item:hover{border-color:var(--gold);color:var(--gold)}
.cta-section{padding:72px 24px;text-align:center;border-bottom:1px solid var(--border)}
.cta-section h2{font-family:var(--font-d);font-size:clamp(24px,3vw,38px);font-weight:900;color:var(--white);margin-bottom:12px}
.cta-section h2 em{font-style:italic;color:var(--gold)}
.cta-section p{font-size:16px;color:var(--light);margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7;font-weight:300}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.closing-section{padding:64px 24px;text-align:center;background:var(--dark);border-bottom:1px solid var(--border)}
.closing-section p{font-size:16px;color:var(--light);line-height:1.8;max-width:700px;margin:0 auto;font-weight:300}
html.light-mode .intro-block h2{color:#0A0A0A!important}
html.light-mode .intro-block p{color:#2C2C2C!important}
html.light-mode .tl-item{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .cta-section{background:#F5F0E8!important}
html.light-mode .cta-section h2{color:#0A0A0A!important}
html.light-mode .cta-section p{color:#2C2C2C!important}
html.light-mode .closing-section{background:#EDE7DD!important}
html.light-mode .closing-section p{color:#2C2C2C!important}
@media(max-width:768px){.section{padding:48px 0}.cta-section{padding:48px 16px}.intro-block{margin-bottom:36px}}




/* ════════════════════════════════════════════════════════════════
   LIGHT MODE — Complete color overrides
   ════════════════════════════════════════════════════════════════ */

/* Base */
html.light-mode body { background: #F5F0E8 !important; color: #0A0A0A !important; }
html.light-mode h1, html.light-mode h2, html.light-mode h3,
html.light-mode h4, html.light-mode h5, html.light-mode h6 { color: #0A0A0A !important; }
html.light-mode p { color: #2C2C2C !important; }
html.light-mode a { color: var(--gold) !important; }

/* Translate bar */
html.light-mode .translate-bar { background: #FFFFFF !important; border-bottom-color: rgba(180,130,0,0.25) !important; }
html.light-mode .tbar-label { color: var(--gold-dark) !important; }
html.light-mode #google_translate_element select.goog-te-combo { background: #FFFFFF !important; color: var(--gold) !important; border-color: rgba(180,130,0,0.4) !important; }

/* Announce bar */
html.light-mode .announce-bar { background: var(--gold) !important; color: #0A0A0A !important; }
html.light-mode .announce-bar a { color: #0A0A0A !important; }
html.light-mode .announce-close { color: rgba(0,0,0,0.5) !important; }

/* Nav */
html.light-mode nav { background: #FFFFFF !important; border-bottom-color: rgba(180,130,0,0.25) !important; }
html.light-mode .nav-links a { color: #2C2C2C !important; }
html.light-mode .nav-links a:hover, html.light-mode .nav-links a.act { color: var(--gold) !important; }
html.light-mode .hamburger span { background: #0A0A0A !important; }
html.light-mode .mega-menu-trigger { border-color: rgba(180,130,0,0.3) !important; color: var(--gold) !important; }

/* Hero */
html.light-mode .hero { background: #1A1008 !important; }
html.light-mode .hero-h1 { color: #FFFFFF !important; }
html.light-mode .hero-h1 em { color: var(--gold) !important; }
html.light-mode .hero-tagline { color: var(--gold) !important; }
html.light-mode .hero-statement { color: rgba(255,255,255,0.85) !important; }
html.light-mode .hero-statement2 { color: rgba(255,255,255,0.6) !important; }
html.light-mode .h-stat-num { color: var(--gold) !important; }
html.light-mode .h-stat-label { color: rgba(255,255,255,0.5) !important; }

/* Ticker */
html.light-mode .ticker { background: var(--gold) !important; }
html.light-mode .ticker-inner { color: #0A0A0A !important; }

/* Section headers */
html.light-mode .sec-title { color: #0A0A0A !important; }
html.light-mode .sec-link { color: var(--gold) !important; }
html.light-mode .sec-intro { color: #2C2C2C !important; }
html.light-mode .eyebrow-tag { color: var(--gold) !important; }

/* Featured Stories */
html.light-mode .stories-section { background: #F5F0E8 !important; }
html.light-mode .stories-lead { background: rgba(180,130,0,0.12) !important; }
html.light-mode .story-card { background: #FFFFFF !important; }
html.light-mode .story-card:hover { background: #F0EBE0 !important; }
html.light-mode .story-tag { color: var(--gold) !important; }
html.light-mode .story-card h2 { color: #0A0A0A !important; }
html.light-mode .story-card h3 { color: #0A0A0A !important; }
html.light-mode .story-card:hover h2, html.light-mode .story-card:hover h3 { color: var(--gold) !important; }
html.light-mode .story-card p { color: #2C2C2C !important; }
html.light-mode .story-link { color: var(--gold) !important; }

/* Premium section */
html.light-mode .premium-section { background: #EDE7DD !important; }
html.light-mode .premium-lead { background: rgba(180,130,0,0.12) !important; }
html.light-mode .prem-card { background: #FFFFFF !important; }
html.light-mode .prem-card:hover { background: #F0EBE0 !important; }
html.light-mode .prem-card h3 { color: #0A0A0A !important; }
html.light-mode .prem-card:hover h3 { color: var(--gold) !important; }
html.light-mode .prem-card p { color: #2C2C2C !important; }
html.light-mode .prem-tag { color: var(--gold) !important; }
html.light-mode .prem-foot { color: #5A5A5A !important; border-top-color: rgba(180,130,0,0.2) !important; }
html.light-mode .prem-foot strong { color: #2C2C2C !important; }
html.light-mode .premium-cta-strip { background: #E8E2D8 !important; border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .pcs-left h4 { color: #0A0A0A !important; }
html.light-mode .pcs-left h4 em { color: var(--gold) !important; }
html.light-mode .pcs-left p { color: #5A5A5A !important; }

/* Interviews */
html.light-mode .interviews-section { background: #EDE7DD !important; }
html.light-mode .int-grid { background: rgba(180,130,0,0.12) !important; }
html.light-mode .int-card { background: #FFFFFF !important; }
html.light-mode .int-card:hover { background: #F0EBE0 !important; }
html.light-mode .int-quote { color: #0A0A0A !important; }
html.light-mode .int-card:hover .int-quote { color: var(--gold) !important; }
html.light-mode .int-desc { color: #5A5A5A !important; }

/* Trending topics */
html.light-mode .trending-section { background: #F5F0E8 !important; }
html.light-mode .topic-pill { background: #FFFFFF !important; border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .topic-pill:hover { background: #F0EBE0 !important; border-color: var(--gold) !important; }
html.light-mode .topic-text h4 { color: #0A0A0A !important; }
html.light-mode .topic-text span { color: #5A5A5A !important; }

/* Business spotlight */
html.light-mode .spotlight-section { background: #EDE7DD !important; }
html.light-mode .spotlight-grid { background: rgba(180,130,0,0.12) !important; }
html.light-mode .spot-card { background: #FFFFFF !important; }
html.light-mode .spot-card:hover { background: #F0EBE0 !important; }
html.light-mode .spot-label { color: var(--gold) !important; }
html.light-mode .spot-card h3 { color: #0A0A0A !important; }
html.light-mode .spot-card:hover h3 { color: var(--gold) !important; }
html.light-mode .spot-card p { color: #2C2C2C !important; }

/* Excellence */
html.light-mode .excellence-section { background: #F5F0E8 !important; }
html.light-mode .exc-grid { background: rgba(180,130,0,0.12) !important; }
html.light-mode .exc-card { background: #FFFFFF !important; }
html.light-mode .exc-card:hover { background: #F0EBE0 !important; }
html.light-mode .exc-cat-tag { color: var(--gold) !important; }
html.light-mode .exc-card h4 { color: #0A0A0A !important; }
html.light-mode .exc-card:hover h4 { color: var(--gold) !important; }
html.light-mode .exc-card p { color: #5A5A5A !important; }
html.light-mode .exc-cat { background: #FFFFFF !important; border-color: rgba(180,130,0,0.25) !important; color: #5A5A5A !important; }
html.light-mode .exc-cat.active, html.light-mode .exc-cat:hover { background: var(--gold) !important; color: #0A0A0A !important; border-color: var(--gold) !important; }

/* Community stories */
html.light-mode .community-section { background: #EDE7DD !important; }
html.light-mode .community-grid { background: rgba(180,130,0,0.12) !important; }
html.light-mode .com-card { background: #FFFFFF !important; border-left-color: transparent !important; }
html.light-mode .com-card:hover { background: #F0EBE0 !important; border-left-color: var(--gold) !important; }
html.light-mode .com-num { color: rgba(180,130,0,0.15) !important; }
html.light-mode .com-card h4 { color: #0A0A0A !important; }
html.light-mode .com-card p { color: #5A5A5A !important; }

/* Subscription section */
html.light-mode .home-sub-section { background: #EDE7DD !important; }
html.light-mode .home-sub-info h2 { color: #0A0A0A !important; }
html.light-mode .home-sub-info h2 em { color: var(--gold) !important; }
html.light-mode .home-sub-info > p { color: #2C2C2C !important; }
html.light-mode .home-price-opt { background: #FFFFFF !important; border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .home-price-opt:hover, html.light-mode .home-price-opt.hot { background: #F5F0E8 !important; border-color: var(--gold) !important; }
html.light-mode .home-price-label { color: #5A5A5A !important; }
html.light-mode .home-price-amount { color: #0A0A0A !important; }
html.light-mode .home-price-period { color: #5A5A5A !important; }
html.light-mode .home-price-perks span { color: #2C2C2C !important; }

/* Newsletter */
html.light-mode .newsletter-section { background: #1A1008 !important; }
html.light-mode .nl-title { color: #FFFFFF !important; }
html.light-mode .nl-title em { color: var(--gold) !important; }
html.light-mode .nl-text { color: rgba(255,255,255,0.8) !important; }
html.light-mode .nl-benefits li { color: rgba(255,255,255,0.75) !important; }
html.light-mode .nl-input { background: rgba(255,255,255,0.1) !important; border-color: rgba(255,255,255,0.2) !important; color: #FFFFFF !important; }
html.light-mode .nl-note { color: rgba(255,255,255,0.5) !important; }

/* Belief section */
html.light-mode .belief-section { background: #EDE7DD !important; }
html.light-mode .belief-inner h2 { color: #0A0A0A !important; }
html.light-mode .belief-inner h2 em { color: var(--gold) !important; }
html.light-mode .belief-inner p { color: #2C2C2C !important; }
html.light-mode .belief-pillars { background: rgba(180,130,0,0.12) !important; }
html.light-mode .belief-pillar { background: #FFFFFF !important; }
html.light-mode .belief-pillar:hover { background: #F0EBE0 !important; }
html.light-mode .bp-title { color: #0A0A0A !important; }
html.light-mode .bp-text { color: #5A5A5A !important; }

/* Cards — general */
html.light-mode .card { background: #FFFFFF !important; }
html.light-mode .card:hover { background: #F0EBE0 !important; }
html.light-mode .card h2, html.light-mode .card h3 { color: #0A0A0A !important; }
html.light-mode .card:hover h2, html.light-mode .card:hover h3 { color: var(--gold) !important; }
html.light-mode .card p { color: #2C2C2C !important; }
html.light-mode .card-foot { color: #5A5A5A !important; border-top-color: rgba(180,130,0,0.2) !important; }
html.light-mode .card-foot strong { color: #2C2C2C !important; }
html.light-mode .grid-3, html.light-mode .grid-2, html.light-mode .grid-4 { background: rgba(180,130,0,0.12) !important; }

/* Page banner */
html.light-mode .page-banner { background: #1A1008 !important; }
html.light-mode .page-title { color: #FFFFFF !important; }
html.light-mode .page-title em { color: var(--gold) !important; }
html.light-mode .page-subtitle { color: rgba(255,255,255,0.8) !important; }

/* Section backgrounds */
html.light-mode .section { background: #F5F0E8 !important; }
html.light-mode .section-alt, html.light-mode .section.section-alt { background: #EDE7DD !important; }
html.light-mode .intro-block h2 { color: #0A0A0A !important; }
html.light-mode .intro-block p { color: #2C2C2C !important; }
html.light-mode .tl-item { background: none !important; }
html.light-mode .tl-year { color: var(--gold) !important; }
html.light-mode .tl-content h4 { color: #0A0A0A !important; }
html.light-mode .tl-content p { color: #5A5A5A !important; }

/* Footer */
html.light-mode footer { background: #FFFFFF !important; border-top-color: rgba(180,130,0,0.25) !important; }
html.light-mode .ft-brand p { color: #5A5A5A !important; }
html.light-mode .ft-tagline { color: var(--gold-dark) !important; }
html.light-mode .ft-col h4 { color: var(--gold) !important; border-bottom-color: rgba(180,130,0,0.2) !important; }
html.light-mode .ft-col a { color: #5A5A5A !important; }
html.light-mode .ft-col a:hover { color: var(--gold) !important; }
html.light-mode .ft-soc { border-color: rgba(180,130,0,0.25) !important; color: #5A5A5A !important; }
html.light-mode .ft-soc:hover { border-color: var(--gold) !important; color: var(--gold) !important; }
html.light-mode .ft-bottom { border-top-color: rgba(180,130,0,0.2) !important; color: #5A5A5A !important; }
html.light-mode .ft-bottom a { color: #5A5A5A !important; }
html.light-mode .ft-bottom a:hover { color: var(--gold) !important; }

/* Mega menu */
html.light-mode .mega-menu { background: #FFFFFF !important; border-left-color: rgba(180,130,0,0.25) !important; }
html.light-mode .mega-header { background: #FFFFFF !important; border-bottom-color: rgba(180,130,0,0.25) !important; }
html.light-mode .mega-section-title { color: var(--gold) !important; border-bottom-color: rgba(180,130,0,0.2) !important; }
html.light-mode .mega-link { color: #2C2C2C !important; }
html.light-mode .mega-link:hover { background: rgba(180,130,0,0.08) !important; color: var(--gold) !important; }
html.light-mode .mega-link-label { color: inherit !important; }
html.light-mode .mega-link-sub { color: #5A5A5A !important; }
html.light-mode .mega-full-link { color: #2C2C2C !important; }
html.light-mode .mega-full-link:hover { color: var(--gold) !important; }
html.light-mode .mega-cta-row { background: #F5F0E8 !important; border-top-color: rgba(180,130,0,0.25) !important; }
html.light-mode .dm-toggle { background: #F0EBE0 !important; border-color: rgba(180,130,0,0.3) !important; }
html.light-mode .dm-toggle-label { color: #5A5A5A !important; }
html.light-mode .dm-track { background: #E5DDD0 !important; border-color: rgba(180,130,0,0.3) !important; }
html.light-mode .mega-close { color: #5A5A5A !important; border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .mega-close:hover { background: var(--gold) !important; color: #0A0A0A !important; }

/* Cookie & BTT */
html.light-mode .cookie-banner { background: #FFFFFF !important; border-top-color: rgba(180,130,0,0.25) !important; }
html.light-mode .cookie-text { color: #2C2C2C !important; }
html.light-mode .cookie-decline { color: #5A5A5A !important; border-color: rgba(180,130,0,0.3) !important; }
html.light-mode .btt-btn { background: #FFFFFF !important; border-color: rgba(180,130,0,0.3) !important; color: var(--gold) !important; }

/* Chat widget */
html.light-mode .chat-popup { background: #FFFFFF !important; border-color: rgba(180,130,0,0.3) !important; }
html.light-mode .cp-header { background: #F0EBE0 !important; border-bottom-color: rgba(180,130,0,0.2) !important; }
html.light-mode .cp-title strong { color: #0A0A0A !important; }
html.light-mode .cp-title span { color: #5A5A5A !important; }
html.light-mode .cp-messages { background: #F5F0E8 !important; }
html.light-mode .cp-msg-bubble { background: #E8E2D8 !important; color: #0A0A0A !important; }
html.light-mode .cp-msg.user-msg .cp-msg-bubble { background: rgba(180,130,0,0.15) !important; color: #0A0A0A !important; }
html.light-mode .cp-input { background: #F0EBE0 !important; border-color: rgba(180,130,0,0.25) !important; color: #0A0A0A !important; }
html.light-mode .cp-input-row { background: #FFFFFF !important; border-top-color: rgba(180,130,0,0.2) !important; }
html.light-mode .cp-input::placeholder { color: #8A8A8A !important; }

/* Forms & inputs */
html.light-mode input, html.light-mode textarea, html.light-mode select {
  background: #FFFFFF !important; border-color: rgba(180,130,0,0.3) !important; color: #0A0A0A !important;
}
html.light-mode input::placeholder, html.light-mode textarea::placeholder { color: #8A8A8A !important; }
html.light-mode input:focus, html.light-mode textarea:focus, html.light-mode select:focus { border-color: var(--gold) !important; }

/* Subscribe page */
html.light-mode .plans-section, html.light-mode .compare-section, html.light-mode .faq-section { background: #F5F0E8 !important; }
html.light-mode .plan-card { background: #FFFFFF !important; }
html.light-mode .plan-card.featured { background: #EDE7DD !important; }
html.light-mode .plan-name { color: #0A0A0A !important; }
html.light-mode .plan-amount { color: #0A0A0A !important; }
html.light-mode .plan-card.featured .plan-amount { color: var(--gold) !important; }
html.light-mode .plan-perks li { color: #2C2C2C !important; }
html.light-mode .plan-perks li.no { color: #8A8A8A !important; }
html.light-mode .compare-table td { color: #2C2C2C !important; }
html.light-mode .compare-table th { color: var(--gold) !important; }
html.light-mode .faq-q { color: #0A0A0A !important; }
html.light-mode .faq-a-inner { color: #5A5A5A !important; }

/* Donate page */
html.light-mode .donate-main { background: #F5F0E8 !important; }
html.light-mode .why-title { color: #0A0A0A !important; }
html.light-mode .why-title em { color: var(--gold) !important; }
html.light-mode .why-text { color: #2C2C2C !important; }
html.light-mode .pillar h4 { color: #0A0A0A !important; }
html.light-mode .pillar p { color: #5A5A5A !important; }
html.light-mode .form-card { background: #FFFFFF !important; border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .form-card-title { color: #0A0A0A !important; }
html.light-mode .form-card-sub { color: #5A5A5A !important; }
html.light-mode .d-amt { background: #F0EBE0 !important; border-color: rgba(180,130,0,0.25) !important; color: #0A0A0A !important; }
html.light-mode .d-amt.sel, html.light-mode .d-amt:hover { background: var(--gold) !important; color: #0A0A0A !important; border-color: var(--gold) !important; }
html.light-mode .impact-section { background: #EDE7DD !important; }
html.light-mode .impact-card { background: #FFFFFF !important; }
html.light-mode .impact-card h4 { color: #0A0A0A !important; }
html.light-mode .impact-card p { color: #5A5A5A !important; }

/* Article page */
html.light-mode .art-headline { color: #FFFFFF !important; }
html.light-mode .art-deck { color: rgba(255,255,255,0.85) !important; }
html.light-mode .art-content p { color: #2C2C2C !important; }
html.light-mode .art-content h2, html.light-mode .art-content h3 { color: #0A0A0A !important; }
html.light-mode .art-content blockquote { background: #EDE7DD !important; }
html.light-mode .art-content blockquote p { color: #0A0A0A !important; }
html.light-mode .sidebar-widget { border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .sidebar-widget-title { background: #F0EBE0 !important; border-bottom-color: rgba(180,130,0,0.2) !important; }
html.light-mode .sidebar-story-text h5 { color: #0A0A0A !important; }
html.light-mode .author-box { background: #FFFFFF !important; border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .author-box-info h4 { color: #0A0A0A !important; }
html.light-mode .author-box-bio { color: #5A5A5A !important; }

/* Dashboard */
html.light-mode .dash-sidebar { background: transparent !important; }
html.light-mode .dash-user-card { background: #FFFFFF !important; border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .dash-user-name { color: #0A0A0A !important; }
html.light-mode .dash-nav { background: #FFFFFF !important; border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .dash-nav-item { color: #5A5A5A !important; border-bottom-color: rgba(180,130,0,0.15) !important; }
html.light-mode .dash-nav-item:hover { background: #F0EBE0 !important; color: #0A0A0A !important; }
html.light-mode .dash-nav-item.active { color: var(--gold) !important; background: rgba(180,130,0,0.06) !important; }
html.light-mode .dash-section { background: #FFFFFF !important; border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .dash-section-title { color: #0A0A0A !important; border-bottom-color: rgba(180,130,0,0.2) !important; }
html.light-mode .sub-status-card { background: #F5F0E8 !important; border-color: var(--gold) !important; }
html.light-mode .sub-status-info h4 { color: #0A0A0A !important; }
html.light-mode .sub-status-info p { color: #5A5A5A !important; }
html.light-mode .reading-item { background: #FFFFFF !important; }
html.light-mode .reading-item:hover { background: #F0EBE0 !important; }
html.light-mode .ri-title { color: #0A0A0A !important; }

/* Login / Register */
html.light-mode .auth-card { background: #FFFFFF !important; border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .auth-title { color: #0A0A0A !important; }
html.light-mode .auth-title em { color: var(--gold) !important; }
html.light-mode .auth-sub { color: #5A5A5A !important; }
html.light-mode .auth-field label { color: #5A5A5A !important; }
html.light-mode .auth-forgot { color: #5A5A5A !important; }
html.light-mode .auth-footer { color: #5A5A5A !important; }
html.light-mode .social-login-btn { background: #F0EBE0 !important; border-color: rgba(180,130,0,0.25) !important; color: #2C2C2C !important; }
html.light-mode .benefit-text h4 { color: #FFFFFF !important; }
html.light-mode .benefit-text p { color: rgba(255,255,255,0.7) !important; }

/* About page */
html.light-mode .mission-section { background: #F5F0E8 !important; }
html.light-mode .mission-text h2 { color: #0A0A0A !important; }
html.light-mode .mission-text p { color: #2C2C2C !important; }
html.light-mode .value-card { background: #FFFFFF !important; }
html.light-mode .value-card:hover { background: #F0EBE0 !important; }
html.light-mode .value-card h3 { color: #0A0A0A !important; }
html.light-mode .value-card p { color: #5A5A5A !important; }
html.light-mode .team-card { background: #FFFFFF !important; }
html.light-mode .team-name { color: #0A0A0A !important; }
html.light-mode .team-bio { color: #5A5A5A !important; }
html.light-mode .stat-box { background: #FFFFFF !important; }
html.light-mode .stat-desc { color: #5A5A5A !important; }
html.light-mode .partner-box { background: #FFFFFF !important; }
html.light-mode .partner-box span { color: #5A5A5A !important; }
html.light-mode .partner-box:hover span { color: var(--gold) !important; }

/* Contact page */
html.light-mode .contact-info h2 { color: #0A0A0A !important; }
html.light-mode .contact-info p { color: #2C2C2C !important; }
html.light-mode .channel { border-color: rgba(180,130,0,0.25) !important; background: #FFFFFF !important; }
html.light-mode .channel h4 { color: #0A0A0A !important; }
html.light-mode .channel p { color: #5A5A5A !important; }
html.light-mode .contact-form-card { background: #FFFFFF !important; border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .cf-title { color: #0A0A0A !important; }
html.light-mode .cf-sub { color: #5A5A5A !important; }
html.light-mode .dept-card { background: #FFFFFF !important; }
html.light-mode .dept-card h4 { color: #0A0A0A !important; }
html.light-mode .dept-card p { color: #5A5A5A !important; }

/* Legal pages */
html.light-mode .legal-wrap h2 { color: #0A0A0A !important; }
html.light-mode .legal-wrap p { color: #2C2C2C !important; }
html.light-mode .legal-wrap li { color: #2C2C2C !important; }
html.light-mode .legal-toc { background: #FFFFFF !important; border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .legal-meta { color: #5A5A5A !important; }

/* 404 page */
html.light-mode .error-num { -webkit-text-stroke-color: rgba(180,130,0,0.3) !important; }
html.light-mode .error-title { color: #FFFFFF !important; }
html.light-mode .error-text { color: rgba(255,255,255,0.7) !important; }
html.light-mode .es-card { background: #FFFFFF !important; }
html.light-mode .es-card h4 { color: #0A0A0A !important; }

/* Search page */
html.light-mode .search-hero { background: #EDE7DD !important; }
html.light-mode .search-hero-label { color: var(--gold) !important; }
html.light-mode .search-meta { color: #5A5A5A !important; }
html.light-mode .search-meta strong { color: #0A0A0A !important; }
html.light-mode .result-item { background: #FFFFFF !important; }
html.light-mode .result-item:hover { background: #F0EBE0 !important; }
html.light-mode .result-title { color: #0A0A0A !important; }
html.light-mode .result-item:hover .result-title { color: var(--gold) !important; }
html.light-mode .result-excerpt { color: #2C2C2C !important; }
html.light-mode .result-meta { color: #5A5A5A !important; }
html.light-mode .search-suggest { background: #FFFFFF !important; border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .search-suggest h4 { color: #0A0A0A !important; }

/* Archive page */
html.light-mode .archive-section { background: #F5F0E8 !important; }
html.light-mode .issue-card { background: #FFFFFF !important; }
html.light-mode .issue-card:hover { background: #F0EBE0 !important; }
html.light-mode .issue-meta { color: #5A5A5A !important; }
html.light-mode .issue-stories { color: #2C2C2C !important; }
html.light-mode .sub-cta-banner { background: #EDE7DD !important; border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .sub-cta-banner h3 { color: #0A0A0A !important; }
html.light-mode .sub-cta-banner p { color: #5A5A5A !important; }

/* Podcast page */
html.light-mode .pod-featured { background: #F5F0E8 !important; }
html.light-mode .pod-info h2 { color: #0A0A0A !important; }
html.light-mode .pod-info p { color: #2C2C2C !important; }
html.light-mode .pod-meta-item { color: #5A5A5A !important; }
html.light-mode .player { background: #FFFFFF !important; border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .player-track { color: #5A5A5A !important; }
html.light-mode .player-title { color: #0A0A0A !important; }
html.light-mode .player-times { color: #5A5A5A !important; }
html.light-mode .episode-item { background: #FFFFFF !important; }
html.light-mode .episode-item:hover { background: #F0EBE0 !important; }
html.light-mode .ep-title { color: #0A0A0A !important; }
html.light-mode .ep-desc { color: #5A5A5A !important; }
html.light-mode .ep-meta { color: #5A5A5A !important; }

/* Author page */
html.light-mode .author-info h1 { color: #FFFFFF !important; }
html.light-mode .author-bio { color: rgba(255,255,255,0.8) !important; }
html.light-mode .a-card { background: #FFFFFF !important; }
html.light-mode .a-card:hover { background: #F0EBE0 !important; }
html.light-mode .a-card h3 { color: #0A0A0A !important; }
html.light-mode .a-card:hover h3 { color: var(--gold) !important; }
html.light-mode .a-card-foot { color: #5A5A5A !important; }

/* CTA sections */
html.light-mode .cta-section { background: #F5F0E8 !important; }
html.light-mode .cta-section h2 { color: #0A0A0A !important; }
html.light-mode .cta-section h2 em { color: var(--gold) !important; }
html.light-mode .cta-section p { color: #2C2C2C !important; }
html.light-mode .closing-section { background: #EDE7DD !important; }
html.light-mode .closing-section p { color: #2C2C2C !important; }
html.light-mode .topic-list .tl-item { background: #FFFFFF !important; border-color: rgba(180,130,0,0.25) !important; color: #5A5A5A !important; }
html.light-mode .topic-list .tl-item:hover { color: var(--gold) !important; border-color: var(--gold) !important; }

/* ════════════════════════════════════════
   PAGE-SPECIFIC STYLES
   ════════════════════════════════════════ */

/* ── INDEX ── */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;background:var(--off-black)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.35)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,10,10,0.92) 0%,rgba(10,10,10,0.6) 60%,rgba(230,168,23,0.08) 100%)}
.hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;width:100%}
.hero-left{}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(230,168,23,0.12);border:1px solid rgba(230,168,23,0.3);padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);margin-bottom:24px}
.hero-h1{font-family:var(--font-d);font-size:clamp(38px,5.5vw,72px);font-weight:900;line-height:1.04;color:var(--white);margin-bottom:8px;letter-spacing:-0.03em}
.hero-h1 em{font-style:italic;color:var(--gold)}
.hero-tagline{font-family:var(--font-d);font-size:clamp(16px,2vw,22px);font-weight:400;color:var(--gold);margin-bottom:24px;font-style:italic;letter-spacing:0.02em}
.hero-statement{font-size:17px;color:var(--light);line-height:1.75;margin-bottom:14px;font-weight:300;max-width:520px}
.hero-statement2{font-size:15px;color:var(--muted);line-height:1.7;margin-bottom:36px;max-width:500px;font-weight:300}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}
.hero-cta-primary{background:var(--gold);color:var(--black);border:none;padding:14px 32px;font-family:var(--font-b);font-size:14px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;text-decoration:none;transition:background 0.2s}
.hero-cta-primary:hover{background:var(--gold-light)}
.hero-cta-secondary{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.4);padding:14px 32px;font-family:var(--font-b);font-size:14px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;text-decoration:none;transition:all 0.2s}
.hero-cta-secondary:hover{border-color:var(--white);background:rgba(255,255,255,0.05)}
.hero-stats{display:flex;gap:32px;flex-wrap:wrap}
.h-stat-num{font-family:var(--font-d);font-size:28px;font-weight:900;color:var(--gold);line-height:1}
.h-stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-top:3px}
.hero-right{position:relative}
.hero-img-main{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;filter:brightness(0.85)}
.hero-img-accent{position:absolute;bottom:-24px;left:-24px;width:55%;aspect-ratio:1;object-fit:cover;border:3px solid var(--gold);filter:brightness(0.9)}
.hero-img-badge{position:absolute;top:20px;right:-12px;background:var(--gold);color:var(--black);padding:12px 16px;font-size:11px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;max-width:120px;text-align:center;line-height:1.3}

/* TICKER */
.ticker{background:var(--gold);overflow:hidden;white-space:nowrap;padding:9px 0}
.ticker-inner{display:inline-block;animation:tick 50s linear infinite;font-size:11px;font-weight:800;color:var(--black);letter-spacing:0.08em;text-transform:uppercase}
@keyframes tick{0%{transform:translateX(100vw)}100%{transform:translateX(-100%)}}
.ticker-sep{margin:0 28px;opacity:0.4}

/* FEATURED STORIES */
.stories-section{padding:80px 0;border-bottom:1px solid var(--border)}
.stories-lead{display:grid;grid-template-columns:2fr 1fr;gap:1px;background:var(--border);margin-bottom:1px}
.stories-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}
.story-card{background:var(--off-black);display:flex;flex-direction:column;overflow:hidden;cursor:pointer;transition:background 0.2s}
.story-card:hover{background:var(--dark)}
.story-card img{width:100%;height:240px;object-fit:cover;display:block;filter:brightness(0.8);transition:filter 0.3s}
.story-card:hover img{filter:brightness(0.95)}
.story-card.large img{height:340px}
.story-body{padding:28px;flex:1;display:flex;flex-direction:column}
.story-card.large .story-body{padding:32px}
.story-tag{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:10px}
.story-card h2{font-family:var(--font-d);font-size:clamp(20px,2.5vw,30px);font-weight:900;line-height:1.2;color:var(--white);margin-bottom:12px;transition:color 0.2s}
.story-card:hover h2{color:var(--gold)}
.story-card h3{font-family:var(--font-d);font-size:19px;font-weight:700;line-height:1.25;color:var(--white);margin-bottom:10px;transition:color 0.2s}
.story-card:hover h3{color:var(--gold)}
.story-card p{font-size:15px;color:var(--light);line-height:1.65;font-weight:300;flex:1;margin-bottom:16px}
.story-link{color:var(--gold);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:5px;margin-top:auto;transition:gap 0.2s}
.story-link:hover{gap:9px}

/* INTERVIEWS */
.interviews-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.int-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.int-card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;position:relative}
.int-card:hover{background:var(--mid)}
.int-card img{width:100%;height:220px;object-fit:cover;display:block;filter:brightness(0.6) saturate(0.8);transition:filter 0.3s}
.int-card:hover img{filter:brightness(0.75) saturate(1)}
.int-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:52px;height:52px;border-radius:50%;background:rgba(230,168,23,0.9);display:flex;align-items:center;justify-content:center;font-size:18px;transition:background 0.2s;pointer-events:none}
.int-card:hover .int-play{background:var(--gold)}
.int-body{padding:22px}
.int-quote{font-family:var(--font-d);font-size:17px;font-style:italic;color:var(--white);line-height:1.4;margin-bottom:10px;transition:color 0.2s}
.int-card:hover .int-quote{color:var(--gold)}
.int-desc{font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:14px}
.int-action{font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;display:flex;align-items:center;gap:5px}

/* TRENDING TOPICS */
.trending-section{padding:72px 0;border-bottom:1px solid var(--border)}
.topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:36px}
.topic-pill{background:var(--off-black);border:1px solid var(--border);padding:20px 24px;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:14px;text-decoration:none}
.topic-pill:hover{border-color:var(--gold);background:var(--dark)}
.topic-icon{font-size:24px;flex-shrink:0}
.topic-text h4{font-size:15px;font-weight:700;color:var(--white);transition:color 0.2s}
.topic-pill:hover h4{color:var(--gold)}
.topic-text span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em}

/* BUSINESS SPOTLIGHT */
.spotlight-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.spotlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}
.spot-card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;display:flex;flex-direction:column}
.spot-card:hover{background:var(--mid)}
.spot-card img{width:100%;height:260px;object-fit:cover;display:block;filter:brightness(0.75);transition:filter 0.3s}
.spot-card:hover img{filter:brightness(0.9)}
.spot-body{padding:28px;flex:1;display:flex;flex-direction:column}
.spot-label{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.spot-label::before{content:'';display:block;width:20px;height:1px;background:var(--gold)}
.spot-card h3{font-family:var(--font-d);font-size:22px;font-weight:800;color:var(--white);margin-bottom:10px;line-height:1.25;transition:color 0.2s}
.spot-card:hover h3{color:var(--gold)}
.spot-card p{font-size:14px;color:var(--light);line-height:1.65;font-weight:300;flex:1;margin-bottom:20px}
.spot-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}

/* BLACK EXCELLENCE */
.excellence-section{padding:80px 0;border-bottom:1px solid var(--border)}
.excellence-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px}
.exc-cat{background:var(--off-black);border:1px solid var(--border);padding:8px 18px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;border-radius:20px;transition:all 0.2s;text-transform:uppercase;letter-spacing:0.06em}
.exc-cat:hover,.exc-cat.active{background:var(--gold);border-color:var(--gold);color:var(--black)}
.exc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.exc-card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;position:relative}
.exc-card:hover{background:var(--dark)}
.exc-card img{width:100%;height:200px;object-fit:cover;display:block;filter:brightness(0.7) saturate(0.8);transition:filter 0.3s}
.exc-card:hover img{filter:brightness(0.85) saturate(1)}
.exc-body{padding:20px}
.exc-cat-tag{font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:6px}
.exc-card h4{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--white);margin-bottom:6px;transition:color 0.2s;line-height:1.3}
.exc-card:hover h4{color:var(--gold)}
.exc-card p{font-size:12px;color:var(--muted);line-height:1.5}

/* COMMUNITY STORIES */
.community-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.com-card{background:var(--off-black);padding:28px;cursor:pointer;transition:background 0.2s;border-left:3px solid transparent;display:flex;flex-direction:column}
.com-card:hover{background:var(--mid);border-left-color:var(--gold)}
.com-num{font-family:var(--font-d);font-size:42px;font-weight:900;color:rgba(230,168,23,0.12);line-height:1;margin-bottom:6px}
.com-card h4{font-family:var(--font-d);font-size:18px;font-weight:800;color:var(--white);margin-bottom:10px;line-height:1.25;transition:color 0.2s}
.com-card:hover h4{color:var(--gold)}
.com-card p{font-size:14px;color:var(--muted);line-height:1.6;flex:1;margin-bottom:16px}

/* NEWSLETTER */
.newsletter-section{padding:80px 0;border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.nl-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.06;filter:grayscale(60%)}
.nl-overlay{position:absolute;inset:0;background:rgba(10,10,10,0.94)}
.nl-inner{position:relative;z-index:2;max-width:700px;margin:0 auto;padding:0 24px;text-align:center}
.nl-eyebrow{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:10px}
.nl-eyebrow::before,.nl-eyebrow::after{content:'';display:block;width:32px;height:1px;background:var(--gold)}
.nl-title{font-family:var(--font-d);font-size:clamp(28px,4vw,46px);font-weight:900;color:var(--white);margin-bottom:14px;line-height:1.1}
.nl-title em{font-style:italic;color:var(--gold)}
.nl-text{font-size:16px;color:var(--light);line-height:1.7;margin-bottom:12px;font-weight:300}
.nl-benefits{list-style:none;display:flex;flex-direction:column;gap:5px;margin-bottom:32px;text-align:left;max-width:380px;margin-left:auto;margin-right:auto}
.nl-benefits li{font-size:14px;color:var(--light);display:flex;align-items:center;gap:8px}
.nl-benefits li::before{content:'✓';color:var(--gold);font-weight:900;flex-shrink:0}
.nl-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:560px;margin:0 auto 10px}
.nl-input{background:var(--off-black);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:14px;padding:14px 16px;outline:none;transition:border-color 0.2s;border-radius:2px}
.nl-input:focus{border-color:var(--gold)}
.nl-input::placeholder{color:var(--muted)}
.nl-btn{background:var(--gold);color:var(--black);border:none;padding:14px 24px;font-family:var(--font-b);font-size:13px;font-weight:900;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s;grid-column:span 2}
.nl-btn:hover{background:var(--gold-light)}
.nl-note{font-size:12px;color:var(--muted);margin-top:10px}

/* OUR BELIEF */
.belief-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.belief-inner{max-width:900px;margin:0 auto;padding:0 24px;text-align:center}
.belief-inner h2{font-family:var(--font-d);font-size:clamp(28px,4vw,44px);font-weight:900;color:var(--white);margin-bottom:20px;line-height:1.1}
.belief-inner h2 em{font-style:italic;color:var(--gold)}
.belief-inner p{font-size:17px;color:var(--light);line-height:1.85;margin-bottom:18px;font-weight:300}
.belief-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin:48px 0}
.belief-pillar{background:var(--off-black);padding:32px;text-align:center;transition:background 0.2s}
.belief-pillar:hover{background:var(--mid)}
.bp-icon{font-size:36px;margin-bottom:12px}
.bp-title{font-family:var(--font-d);font-size:18px;font-weight:800;color:var(--white);margin-bottom:8px}
.bp-text{font-size:13px;color:var(--muted);line-height:1.6}

/* LIGHT MODE OVERRIDES FOR HOME */
html.light-mode .hero{background:#2C2018!important}
html.light-mode .stories-section{background:#F5F0E8!important}
html.light-mode .story-card{background:#FFFFFF!important}
html.light-mode .story-card:hover{background:#F0EBE0!important}
html.light-mode .story-card h2,html.light-mode .story-card h3{color:#0A0A0A!important}
html.light-mode .story-card p{color:#2C2C2C!important}
html.light-mode .interviews-section{background:#EDE7DD!important}
html.light-mode .int-card{background:#FFFFFF!important}
html.light-mode .int-card:hover{background:#F0EBE0!important}
html.light-mode .int-quote{color:#0A0A0A!important}
html.light-mode .int-desc{color:#5A5A5A!important}
html.light-mode .trending-section{background:#F5F0E8!important}
html.light-mode .topic-pill{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important}
html.light-mode .topic-pill:hover{background:#F0EBE0!important;border-color:var(--gold)!important}
html.light-mode .topic-text h4{color:#0A0A0A!important}
html.light-mode .spotlight-section{background:#EDE7DD!important}
html.light-mode .spot-card{background:#FFFFFF!important}
html.light-mode .spot-card:hover{background:#F0EBE0!important}
html.light-mode .spot-card h3{color:#0A0A0A!important}
html.light-mode .spot-card p{color:#2C2C2C!important}
html.light-mode .excellence-section{background:#F5F0E8!important}
html.light-mode .exc-card{background:#FFFFFF!important}
html.light-mode .exc-card h4{color:#0A0A0A!important}
html.light-mode .exc-cat{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .community-section{background:#EDE7DD!important}
html.light-mode .com-card{background:#FFFFFF!important}
html.light-mode .com-card:hover{background:#F0EBE0!important}
html.light-mode .com-card h4{color:#0A0A0A!important}
html.light-mode .com-card p{color:#5A5A5A!important}
html.light-mode .belief-section{background:#EDE7DD!important}
html.light-mode .belief-pillar{background:#FFFFFF!important}
html.light-mode .bp-title{color:#0A0A0A!important}
html.light-mode .bp-text{color:#5A5A5A!important}
html.light-mode .nl-input{background:#FFFFFF!important;border-color:rgba(180,130,0,0.3)!important;color:#0A0A0A!important}

@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr;gap:32px;padding:60px 24px}
  .hero-right{display:none}
  .hero-stats{gap:24px}
  .stories-lead{grid-template-columns:1fr}
  .int-grid,.topics-grid,.spotlight-grid,.exc-grid,.community-grid,.belief-pillars{grid-template-columns:1fr}
  .stories-grid-2{grid-template-columns:1fr}
  .nl-form{grid-template-columns:1fr}
  .nl-btn{grid-column:span 1}
}
@media(max-width:480px){
  .hero-h1{font-size:32px}
  .hero-ctas{flex-direction:column}
  .hero-cta-primary,.hero-cta-secondary{text-align:center}
}

/* ── 404 ── */
.error-wrap{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:60px 24px;text-align:center;position:relative;overflow:hidden}
.error-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.06;filter:grayscale(60%)}
.error-overlay{position:absolute;inset:0;background:rgba(10,10,10,0.9)}
.error-content{position:relative;z-index:2;max-width:580px}
.error-num{font-family:var(--font-d);font-size:clamp(100px,18vw,180px);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(230,168,23,0.3);margin-bottom:0;letter-spacing:-0.04em}
.error-title{font-family:var(--font-d);font-size:clamp(22px,4vw,36px);font-weight:900;color:var(--white);margin-bottom:14px;margin-top:-12px}
.error-title em{font-style:italic;color:var(--gold)}
.error-text{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:36px;font-weight:300}
.error-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}
.error-search{display:flex;max-width:400px;margin:0 auto}
.error-search-input{flex:1;background:var(--off-black);border:1px solid var(--border);border-right:none;color:var(--white);font-family:var(--font-b);font-size:15px;padding:13px 16px;outline:none;border-radius:2px 0 0 2px}
.error-search-input:focus{border-color:var(--gold)}
.error-search-input::placeholder{color:var(--muted)}
.error-search-btn{background:var(--gold);color:var(--black);border:none;padding:13px 20px;font-family:var(--font-b);font-size:13px;font-weight:800;cursor:pointer;border-radius:0 2px 2px 0;transition:background 0.2s}
.error-search-btn:hover{background:var(--gold-light)}
.error-suggestions{margin-top:48px;text-align:left}
.es-title{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:16px;text-align:center}
.es-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.es-card{background:var(--off-black);padding:16px;cursor:pointer;transition:background 0.2s}
.es-card:hover{background:var(--dark)}
.es-tag{font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:4px}
.es-card h4{font-size:13px;font-weight:700;color:var(--white);line-height:1.35;transition:color 0.2s}
.es-card:hover h4{color:var(--gold)}
@media(max-width:480px){.es-grid{grid-template-columns:1fr}}


@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ── ABOUT ── */
.about-wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.about-wide{max-width:1400px;margin:0 auto;padding:0 24px}
.mission-section{padding:80px 0;border-bottom:1px solid var(--border)}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.mission-text h2{font-family:var(--font-d);font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.1;color:var(--white);margin-bottom:22px}
.mission-text h2 em{font-style:italic;color:var(--gold)}
.mission-text p{font-size:16px;color:var(--light);line-height:1.8;margin-bottom:18px;font-weight:300}
.mission-img{position:relative}
.mission-img img{width:100%;display:block;filter:brightness(0.75)}
.mission-img-caption{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,rgba(10,10,10,0.9));font-size:12px;color:var(--muted);font-style:italic}
.values-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin-top:40px}
.value-card{background:var(--off-black);padding:36px 28px;transition:background 0.2s}
.value-card:hover{background:var(--mid)}
.value-num{font-family:var(--font-d);font-size:48px;font-weight:900;color:rgba(230,168,23,0.15);line-height:1;margin-bottom:8px}
.value-card h3{font-family:var(--font-d);font-size:22px;font-weight:800;color:var(--white);margin-bottom:12px}
.value-card p{font-size:14px;color:var(--muted);line-height:1.7}
.stats-section{padding:64px 0;border-bottom:1px solid var(--border)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
.stat-box{background:var(--off-black);padding:36px 24px;text-align:center;transition:background 0.2s}
.stat-box:hover{background:var(--dark)}
.stat-number{font-family:var(--font-d);font-size:48px;font-weight:900;color:var(--gold);line-height:1;margin-bottom:6px}
.stat-desc{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}
.team-section{padding:80px 0;border-bottom:1px solid var(--border)}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);margin-top:40px}
.team-card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s}
.team-card:hover{background:var(--dark)}
.team-card img{width:100%;height:220px;object-fit:cover;display:block;filter:brightness(0.75) saturate(0.8);transition:filter 0.3s}
.team-card:hover img{filter:brightness(0.9) saturate(1)}
.team-card-body{padding:20px}
.team-name{font-family:var(--font-d);font-size:17px;font-weight:800;color:var(--white);margin-bottom:4px}
.team-role{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:0.1em;font-weight:700;margin-bottom:8px}
.team-bio{font-size:13px;color:var(--muted);line-height:1.55}
.history-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.timeline{display:flex;flex-direction:column;gap:0;margin-top:40px;max-width:800px;margin-left:auto;margin-right:auto}
.tl-item{display:grid;grid-template-columns:100px 1fr;gap:32px;padding:28px 0;border-bottom:1px solid var(--border);position:relative}
.tl-item:last-child{border-bottom:none}
.tl-year{font-family:var(--font-d);font-size:24px;font-weight:900;color:var(--gold);padding-top:4px}
.tl-content h4{font-size:16px;font-weight:700;color:var(--white);margin-bottom:6px}
.tl-content p{font-size:14px;color:var(--muted);line-height:1.6}
.partners-section{padding:72px 0}
.partners-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);margin-top:40px}
.partner-box{background:var(--off-black);padding:28px;display:flex;align-items:center;justify-content:center;min-height:80px;transition:background 0.2s}
.partner-box:hover{background:var(--dark)}
.partner-box span{font-size:14px;font-weight:700;color:var(--muted);letter-spacing:0.06em;text-transform:uppercase}
.sec-heading{font-family:var(--font-d);font-size:30px;font-weight:900;color:var(--white);margin-bottom:8px;text-align:center}
.sec-sub{font-size:14px;color:var(--muted);text-align:center;margin-bottom:0}
@media(max-width:768px){
  .mission-grid,.stats-grid{grid-template-columns:1fr}
  .values-grid,.team-grid{grid-template-columns:1fr 1fr}
  .partners-grid{grid-template-columns:repeat(2,1fr)}
  .mission-section,.values-section,.team-section,.history-section,.partners-section,.stats-section{padding:48px 0}
}
@media(max-width:480px){
  .values-grid,.team-grid{grid-template-columns:1fr}
}


@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ── ARCHIVE ── */
.archive-wrap{max-width:1300px;margin:0 auto;padding:0 24px}
.archive-section{padding:72px 0}
.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
.issue-card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;display:flex;flex-direction:column}
.issue-card:hover{background:var(--dark)}
.issue-cover{position:relative;aspect-ratio:3/4;overflow:hidden}
.issue-cover img{width:100%;height:100%;object-fit:cover;filter:brightness(0.7);transition:filter 0.3s;display:block}
.issue-card:hover .issue-cover img{filter:brightness(0.85)}
.issue-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,0.9) 0%,rgba(10,10,10,0.1) 60%)}
.issue-num{position:absolute;top:12px;left:12px;background:var(--gold);color:var(--black);font-size:9px;font-weight:900;letter-spacing:0.12em;text-transform:uppercase;padding:4px 10px}
.issue-cover-title{position:absolute;bottom:0;left:0;right:0;padding:16px}
.issue-cover-title h3{font-family:var(--font-d);font-size:16px;font-weight:900;color:var(--white);line-height:1.2;margin-bottom:4px}
.issue-cover-title span{font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:0.1em;font-weight:700}
.issue-card-body{padding:16px;flex:1;display:flex;flex-direction:column;justify-content:space-between}
.issue-meta{font-size:11px;color:var(--muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:0.04em}
.issue-stories{font-size:12px;color:var(--light);line-height:1.5;margin-bottom:14px;flex:1}
.issue-btns{display:flex;gap:8px}
.ib-read{flex:1;background:var(--gold);color:var(--black);border:none;padding:9px;font-family:var(--font-b);font-size:11px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s}
.ib-read:hover{background:var(--gold-light)}
.ib-buy{background:transparent;color:var(--gold);border:1px solid var(--gold);padding:9px 12px;font-family:var(--font-b);font-size:11px;font-weight:700;cursor:pointer;border-radius:2px;transition:all 0.2s;white-space:nowrap}
.ib-buy:hover{background:var(--gold);color:var(--black)}
.issue-card.current-issue{outline:1px solid var(--gold)}
.current-badge{position:absolute;top:12px;right:12px;background:var(--gold);color:var(--black);font-size:9px;font-weight:900;letter-spacing:0.1em;text-transform:uppercase;padding:4px 10px}
.archive-filter{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:12px}
.filter-year-tabs{display:flex;gap:0}
.fy-tab{background:none;border:1px solid var(--border);color:var(--muted);font-family:var(--font-b);font-size:12px;font-weight:600;padding:8px 18px;cursor:pointer;transition:all 0.2s;margin-right:-1px}
.fy-tab.active{background:var(--gold);color:var(--black);border-color:var(--gold);z-index:1;position:relative}
.fy-tab:hover:not(.active){color:var(--white);border-color:var(--muted)}
.sub-cta-banner{background:var(--dark);border:1px solid var(--border);padding:40px;text-align:center;margin-bottom:48px}
.sub-cta-banner h3{font-family:var(--font-d);font-size:26px;font-weight:900;color:var(--white);margin-bottom:8px}
.sub-cta-banner h3 em{font-style:italic;color:var(--gold)}
.sub-cta-banner p{font-size:15px;color:var(--muted);margin-bottom:20px;max-width:480px;margin-left:auto;margin-right:auto}
.sub-cta-btn{background:var(--gold);color:var(--black);border:none;padding:13px 32px;font-family:var(--font-b);font-size:13px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s;text-decoration:none;display:inline-block}
.sub-cta-btn:hover{background:var(--gold-light)}
@media(max-width:900px){.archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.archive-grid{grid-template-columns:1fr}}


@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ── ARTICLE ── */
.art-hero{position:relative;height:520px;overflow:hidden;border-bottom:1px solid var(--border)}
.art-hero img{width:100%;height:100%;object-fit:cover;filter:brightness(0.55)}
.art-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,0.97) 0%,rgba(10,10,10,0.3) 60%)}
.art-hero-content{position:absolute;bottom:0;left:0;right:0;padding:48px;max-width:900px}
.art-category{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:14px;display:inline-flex;align-items:center;gap:8px}
.art-category::before{content:'';display:block;width:24px;height:1px;background:var(--gold)}
.art-headline{font-family:var(--font-d);font-size:clamp(28px,4vw,52px);font-weight:900;line-height:1.08;color:var(--white);margin-bottom:18px;letter-spacing:-0.02em}
.art-headline em{font-style:italic;color:var(--gold)}
.art-deck{font-size:18px;color:var(--light);line-height:1.6;font-weight:300;max-width:680px;margin-bottom:22px}
.art-byline{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.art-author-av{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);filter:brightness(0.9)}
.art-author-info{}
.art-author-name{font-size:13px;font-weight:700;color:var(--white)}
.art-author-meta{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em;margin-top:2px}
.art-meta-sep{width:1px;height:28px;background:var(--border)}

/* Layout */
.art-layout{display:grid;grid-template-columns:1fr 320px;gap:56px;padding:56px 0 80px;align-items:start}
.art-body{}
.art-sidebar{position:sticky;top:88px}

/* Article toolbar */
.art-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:40px;flex-wrap:wrap;gap:12px}
.art-share{display:flex;align-items:center;gap:8px}
.art-share-label{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);font-weight:700}
.share-btn{width:34px;height:34px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--muted);cursor:pointer;background:none;transition:all 0.2s;border-radius:2px}
.share-btn:hover{border-color:var(--gold);color:var(--gold)}
.art-read-time{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em;display:flex;align-items:center;gap:6px}
.art-read-time::before{content:'';display:block;width:16px;height:1px;background:var(--gold)}

/* Body text */
.art-content p{font-size:18px;color:var(--light);line-height:1.85;margin-bottom:26px;font-weight:300}
.art-content h2{font-family:var(--font-d);font-size:28px;font-weight:800;color:var(--white);margin:44px 0 18px;line-height:1.2}
.art-content h3{font-family:var(--font-d);font-size:22px;font-weight:700;color:var(--white);margin:32px 0 14px}
.art-content blockquote{border-left:3px solid var(--gold);margin:40px 0;padding:24px 32px;background:var(--off-black)}
.art-content blockquote p{font-family:var(--font-d);font-size:22px;font-style:italic;color:var(--white);margin:0;font-weight:400;line-height:1.5}
.art-content blockquote cite{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-top:12px;font-style:normal}
.art-content .art-img{width:100%;margin:36px 0}
.art-content .art-img img{width:100%;display:block;filter:brightness(0.9)}
.art-content .art-img figcaption{font-size:12px;color:var(--muted);padding:10px 0;border-bottom:1px solid var(--border);font-style:italic}
.art-content a{color:var(--gold);text-decoration:underline;text-decoration-color:rgba(230,168,23,0.3)}
.art-content a:hover{text-decoration-color:var(--gold)}

/* Tags */
.art-tags{display:flex;flex-wrap:wrap;gap:8px;margin:36px 0 40px;padding-top:32px;border-top:1px solid var(--border)}
.art-tag{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:5px 12px;border-radius:2px;text-decoration:none;transition:all 0.2s}
.art-tag:hover{color:var(--gold);border-color:var(--gold)}

/* Author box */
.author-box{background:var(--off-black);border:1px solid var(--border);padding:28px;margin-bottom:48px;display:flex;gap:20px}
.author-box-av{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);flex-shrink:0}
.author-box-info h4{font-family:var(--font-d);font-size:18px;font-weight:800;color:var(--white);margin-bottom:4px}
.author-box-role{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:0.1em;font-weight:700;margin-bottom:10px}
.author-box-bio{font-size:14px;color:var(--muted);line-height:1.65}

/* Related articles */
.related-section{padding:56px 0;border-top:1px solid var(--border)}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.sec-title{font-family:var(--font-d);font-size:22px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}
.sec-title::before{content:'';display:block;width:4px;height:22px;background:var(--gold);border-radius:2px}
.sec-link{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;font-weight:700}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.rel-card{background:var(--off-black);padding:0;overflow:hidden;cursor:pointer;transition:background 0.2s}
.rel-card:hover{background:var(--dark)}
.rel-card img{width:100%;height:160px;object-fit:cover;display:block;filter:brightness(0.8);transition:filter 0.3s}
.rel-card:hover img{filter:brightness(0.95)}
.rel-card-body{padding:18px}
.rel-tag{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:7px}
.rel-card h4{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--white);line-height:1.3;margin-bottom:8px;transition:color 0.2s}
.rel-card:hover h4{color:var(--gold)}
.rel-card-meta{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em}

/* Sidebar */
.sidebar-widget{border:1px solid var(--border);margin-bottom:28px;overflow:hidden}
.sidebar-widget-title{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--off-black)}
.sidebar-widget-body{padding:18px;background:var(--off-black)}
.sidebar-story{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);cursor:pointer}
.sidebar-story:last-child{border-bottom:none;padding-bottom:0}
.sidebar-story img{width:64px;height:48px;object-fit:cover;flex-shrink:0;filter:brightness(0.8)}
.sidebar-story-text .s-tag{font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:3px}
.sidebar-story-text h5{font-family:var(--font-d);font-size:13px;font-weight:700;color:var(--white);line-height:1.3;transition:color 0.2s}
.sidebar-story:hover h5{color:var(--gold)}
.sidebar-nl{background:var(--off-black);border:1px solid var(--border);padding:22px}
.sidebar-nl p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:14px}
.sidebar-nl-input{width:100%;background:var(--dark);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:13px;padding:10px 12px;outline:none;margin-bottom:8px;border-radius:2px}
.sidebar-nl-input:focus{border-color:var(--gold)}
.sidebar-nl-input::placeholder{color:var(--muted)}
.sidebar-nl-btn{width:100%;background:var(--gold);color:var(--black);border:none;padding:11px;font-family:var(--font-b);font-size:12px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s}
.sidebar-nl-btn:hover{background:var(--gold-light)}
.paywall-box{background:var(--off-black);border:1px solid var(--gold);padding:32px;text-align:center;margin:40px 0}
.paywall-box h3{font-family:var(--font-d);font-size:22px;font-weight:900;color:var(--white);margin-bottom:10px}
.paywall-box p{font-size:14px;color:var(--muted);margin-bottom:22px;line-height:1.6}
.paywall-box .btn-sub{display:inline-block;margin-bottom:10px}
.paywall-login{font-size:12px;color:var(--muted)}
.paywall-login a{color:var(--gold);text-decoration:none}

@media(max-width:1024px){.art-layout{grid-template-columns:1fr}}
@media(max-width:768px){
  .art-hero{height:360px}
  .art-hero-content{padding:24px}
  .art-deck{font-size:16px}
  .related-grid{grid-template-columns:1fr}
  .art-content p{font-size:16px}
  .author-box{flex-direction:column}
  .art-sidebar{display:none}
}
@media(max-width:480px){
  .art-hero{height:280px}
  .art-headline{font-size:24px}
}


@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ── AUTHOR ── */
.author-hero{background:var(--off-black);border-bottom:1px solid var(--border);padding:64px 24px;position:relative;overflow:hidden}
.author-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.07;filter:grayscale(60%)}
.author-hero-overlay{position:absolute;inset:0;background:rgba(10,10,10,0.88)}
.author-hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:flex;gap:40px;align-items:flex-start}
.author-avatar{width:120px;height:120px;border-radius:50%;border:3px solid var(--gold);object-fit:cover;flex-shrink:0;filter:brightness(0.9)}
.author-info{flex:1}
.author-role{font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:8px}
.author-name{font-family:var(--font-d);font-size:clamp(28px,4vw,48px);font-weight:900;color:var(--white);margin-bottom:12px;line-height:1.1}
.author-bio{font-size:16px;color:var(--light);line-height:1.75;max-width:620px;font-weight:300;margin-bottom:20px}
.author-stats{display:flex;gap:28px;flex-wrap:wrap}
.author-stat{text-align:left}
.author-stat-num{font-family:var(--font-d);font-size:26px;font-weight:900;color:var(--gold);line-height:1}
.author-stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-top:2px}
.author-socials{display:flex;gap:8px;margin-top:20px}
.author-soc{background:var(--dark);border:1px solid var(--border);color:var(--muted);padding:7px 14px;font-size:12px;font-weight:700;text-decoration:none;transition:all 0.2s;border-radius:2px}
.author-soc:hover{border-color:var(--gold);color:var(--gold)}
.author-section{padding:64px 0;border-bottom:1px solid var(--border)}
.author-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.a-card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;display:flex;flex-direction:column}
.a-card:hover{background:var(--dark)}
.a-card img{width:100%;height:180px;object-fit:cover;display:block;filter:brightness(0.82);transition:filter 0.3s}
.a-card:hover img{filter:brightness(0.95)}
.a-card-body{padding:20px;flex:1;display:flex;flex-direction:column}
.a-tag{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:7px}
.a-card h3{font-family:var(--font-d);font-size:18px;font-weight:800;line-height:1.25;color:var(--white);margin-bottom:8px;transition:color 0.2s;flex:1}
.a-card:hover h3{color:var(--gold)}
.a-card-foot{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;margin-top:auto;padding-top:10px;border-top:1px solid var(--border)}
.author-podcast{background:var(--dark);border:1px solid var(--border);padding:28px;display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center;cursor:pointer;transition:background 0.2s;margin-top:1px}
.author-podcast:hover{background:var(--mid)}
.pod-thumb{width:80px;height:80px;object-fit:cover;display:block}
.pod-ep-num{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:4px}
.pod-ep-title{font-size:15px;font-weight:700;color:var(--white);margin-bottom:4px;transition:color 0.2s}
.author-podcast:hover .pod-ep-title{color:var(--gold)}
.pod-ep-meta{font-size:12px;color:var(--muted)}
.pod-play{width:44px;height:44px;border-radius:50%;background:var(--gold);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:background 0.2s}
.pod-play:hover{background:var(--gold-light)}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.sec-title{font-family:var(--font-d);font-size:24px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}
.sec-title::before{content:'';display:block;width:4px;height:24px;background:var(--gold);border-radius:2px}
.sec-link{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;font-weight:700}
@media(max-width:768px){
  .author-hero-inner{flex-direction:column;gap:20px}
  .author-avatar{width:88px;height:88px}
  .author-grid{grid-template-columns:1fr}
  .author-podcast{grid-template-columns:60px 1fr}
  .pod-play{display:none}
  .author-section{padding:40px 0}
}

@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}.nav-links li{width:100%;border-bottom:1px solid var(--border)}.nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}.hamburger{display:flex}.ft-top{grid-template-columns:1fr 1fr;gap:28px}.page-banner{padding:44px 16px}.translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}.tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}.chat-fab{bottom:16px;right:16px}
}

/* Cookie Banner */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--off-black);border-top:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.4s ease;box-shadow:0 -4px 24px rgba(0,0,0,0.4)}
.cookie-banner.show{transform:translateY(0)}
.cookie-text{font-size:13px;color:var(--light);line-height:1.5;flex:1;min-width:200px}
.cookie-text a{color:var(--gold);text-decoration:none}
.cookie-text a:hover{text-decoration:underline}
.cookie-actions{display:flex;gap:8px;flex-shrink:0}
.cookie-accept{background:var(--gold);color:var(--black);border:none;padding:9px 22px;font-family:var(--font-b);font-size:12px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s}
.cookie-accept:hover{background:var(--gold-light)}
.cookie-decline{background:transparent;color:var(--muted);border:1px solid var(--border);padding:9px 18px;font-family:var(--font-b);font-size:12px;font-weight:600;cursor:pointer;border-radius:2px;transition:all 0.2s}
.cookie-decline:hover{border-color:var(--muted);color:var(--light)}
@media(max-width:480px){.cookie-banner{flex-direction:column;align-items:stretch}.cookie-actions{flex-direction:column}}

/* Back to Top */
.btt-btn{position:fixed;bottom:100px;right:28px;z-index:8000;width:44px;height:44px;background:var(--off-black);border:1px solid var(--border);color:var(--gold);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;opacity:0;pointer-events:none;transition:all 0.3s;box-shadow:0 4px 16px rgba(0,0,0,0.4)}
.btt-btn.visible{opacity:1;pointer-events:all}
.btt-btn:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}
@media(max-width:480px){.btt-btn{bottom:80px;right:12px}}

/* ── BUSINESS ── */
.section{padding:80px 0;border-bottom:1px solid var(--border)}
.section-alt{background:var(--dark)}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}
.sec-title{font-family:var(--font-d);font-size:28px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}
.sec-title::before{content:'';display:block;width:4px;height:26px;background:var(--gold);border-radius:2px}
.sec-link{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;font-weight:700;transition:opacity 0.2s}
.sec-link:hover{opacity:0.7}
.sec-intro{font-size:16px;color:var(--light);line-height:1.75;font-weight:300;max-width:680px;margin-bottom:40px}
.gold-divider{width:48px;height:3px;background:var(--gold);border-radius:2px;margin:20px 0}
.eyebrow-tag{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:8px}

/* CARDS */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
.card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;display:flex;flex-direction:column}
.card:hover{background:var(--dark)}
.card-img{width:100%;height:200px;object-fit:cover;display:block;filter:brightness(0.82);transition:filter 0.3s}
.card:hover .card-img{filter:brightness(0.95)}
.card-img-tall{height:280px}
.card-body{padding:24px;flex:1;display:flex;flex-direction:column}
.card h2{font-family:var(--font-d);font-size:clamp(20px,2.5vw,28px);font-weight:900;line-height:1.2;color:var(--white);margin-bottom:12px;transition:color 0.2s}
.card:hover h2{color:var(--gold)}
.card h3{font-family:var(--font-d);font-size:18px;font-weight:700;line-height:1.25;color:var(--white);margin-bottom:10px;transition:color 0.2s}
.card:hover h3{color:var(--gold)}
.card p{font-size:14px;color:var(--light);line-height:1.65;font-weight:300;flex:1;margin-bottom:16px}
.card-foot{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border);margin-top:auto}
.card-foot strong{color:var(--light)}
.card-link{color:var(--gold);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px;margin-top:14px;transition:gap 0.2s}
.card-link:hover{gap:8px}

/* DARK/LIGHT MODE */
html.light-mode body{background:#F5F0E8!important;color:#0A0A0A!important}
html.light-mode nav{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .nav-links a{color:#2C2C2C!important}
html.light-mode .translate-bar{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .tbar-label{color:var(--gold-dark)!important}
html.light-mode footer{background:#FFFFFF!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .ft-brand p{color:#5A5A5A!important}
html.light-mode .ft-col a{color:#5A5A5A!important}
html.light-mode .ft-bottom{border-top-color:rgba(180,130,0,0.2)!important;color:#5A5A5A!important}
html.light-mode .ft-soc{border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .section{background:#F5F0E8!important}
html.light-mode .section-alt{background:#EDE7DD!important}
html.light-mode .card{background:#FFFFFF!important}
html.light-mode .card:hover{background:#F0EBE0!important}
html.light-mode .card h2,html.light-mode .card h3{color:#0A0A0A!important}
html.light-mode .card p{color:#2C2C2C!important}
html.light-mode .card-foot{border-top-color:rgba(180,130,0,0.2)!important;color:#5A5A5A!important}
html.light-mode .grid-3,html.light-mode .grid-2,html.light-mode .grid-4{background:rgba(180,130,0,0.15)!important}
html.light-mode .sec-title{color:#0A0A0A!important}
html.light-mode .sec-intro{color:#2C2C2C!important}
html.light-mode .page-banner{background:#2C2018!important}
html.light-mode .cookie-banner{background:#FFFFFF!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .cookie-text{color:#2C2C2C!important}
html.light-mode .btt-btn{background:#FFFFFF!important;border-color:rgba(180,130,0,0.3)!important;color:var(--gold)!important}
html.light-mode .mega-menu{background:#FFFFFF!important;border-left-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-header{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-link{color:#2C2C2C!important}
html.light-mode .mega-link:hover{background:rgba(180,130,0,0.08)!important;color:var(--gold)!important}
html.light-mode .mega-full-link{color:#2C2C2C!important}
html.light-mode .mega-section-title{color:var(--gold)!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-cta-row{background:#F5F0E8!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .dm-toggle{background:#F0EBE0!important;border-color:rgba(180,130,0,0.3)!important}
html.light-mode .dm-toggle-label{color:#5A5A5A!important}
html.light-mode #google_translate_element select.goog-te-combo{background:#FFFFFF!important;color:var(--gold)!important}

/* MEGA MENU */
.mega-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:399;opacity:0;pointer-events:none;transition:opacity 0.3s;backdrop-filter:blur(4px)}
.mega-overlay.open{opacity:1;pointer-events:all}
.mega-menu{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);background:var(--off-black);border-left:1px solid var(--border);z-index:400;transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;display:flex;flex-direction:column}
.mega-menu.open{transform:translateX(0)}
.mega-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--border);flex-shrink:0}
.mega-logo{height:32px;display:block}
.mega-header-right{display:flex;align-items:center;gap:12px}
.mega-close{background:none;border:1px solid var(--border);color:var(--muted);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;border-radius:2px;transition:all 0.2s}
.mega-close:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}
.dm-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;background:var(--dark);border:1px solid var(--border);padding:6px 12px;border-radius:20px;transition:all 0.2s;user-select:none}
.dm-toggle:hover{border-color:var(--gold)}
.dm-toggle-icon{font-size:14px}
.dm-toggle-label{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}
.dm-track{width:36px;height:20px;background:var(--mid);border-radius:10px;position:relative;border:1px solid var(--border);transition:background 0.3s;flex-shrink:0}
.dm-track.on{background:var(--gold)}
.dm-thumb{width:14px;height:14px;border-radius:50%;background:var(--muted);position:absolute;top:2px;left:2px;transition:transform 0.3s,background 0.3s}
.dm-track.on .dm-thumb{transform:translateX(16px);background:var(--black)}
.mega-body{padding:28px;flex:1}
.mega-section-title{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:12px;margin-top:24px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.mega-section-title:first-child{margin-top:0}
.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px}
.mega-link{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:var(--light);font-size:14px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:all 0.2s}
.mega-link:hover{background:rgba(230,168,23,0.08);border-color:var(--border);color:var(--gold)}
.mega-link-icon{font-size:18px;flex-shrink:0;width:28px;text-align:center}
.mega-link-label{display:block;font-size:14px;font-weight:700}
.mega-link-sub{display:block;font-size:11px;color:var(--muted);margin-top:1px;font-weight:400}
.mega-full-link{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:var(--light);font-size:14px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:all 0.2s}
.mega-full-link:hover{background:rgba(230,168,23,0.08);border-color:var(--border);color:var(--gold)}
.mega-cta-row{display:flex;gap:10px;padding:20px 28px;border-top:1px solid var(--border);flex-shrink:0}
.mega-cta-row .btn-sub,.mega-cta-row .btn-out{flex:1;text-align:center;display:block;padding:12px}

/* COOKIE + BTT */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--off-black);border-top:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.4s ease;box-shadow:0 -4px 24px rgba(0,0,0,0.4)}
.cookie-banner.show{transform:translateY(0)}
.cookie-text{font-size:13px;color:var(--light);line-height:1.5;flex:1;min-width:200px}
.cookie-text a{color:var(--gold);text-decoration:none}
.cookie-actions{display:flex;gap:8px;flex-shrink:0}
.cookie-accept{background:var(--gold);color:var(--black);border:none;padding:9px 22px;font-family:var(--font-b);font-size:12px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s}
.cookie-accept:hover{background:var(--gold-light)}
.cookie-decline{background:transparent;color:var(--muted);border:1px solid var(--border);padding:9px 18px;font-family:var(--font-b);font-size:12px;font-weight:600;cursor:pointer;border-radius:2px;transition:all 0.2s}
.btt-btn{position:fixed;bottom:100px;right:28px;z-index:8000;width:44px;height:44px;background:var(--off-black);border:1px solid var(--border);color:var(--gold);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;opacity:0;pointer-events:none;transition:all 0.3s;box-shadow:0 4px 16px rgba(0,0,0,0.4)}
.btt-btn.visible{opacity:1;pointer-events:all}
.btt-btn:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}

/* MOBILE */
@media(max-width:1100px){.nav-links{gap:14px}.nav-links a{font-size:11px}}
@media(max-width:900px){.nav-links{display:none}}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{gap:6px}
  .btn-sub{padding:8px 12px;font-size:11px}
  .btn-out{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .section{padding:48px 0}
  .grid-3,.grid-2{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr 1fr}
  .translate-bar{padding:7px 16px;gap:10px}
  #google_translate_element select.goog-te-combo{min-width:140px!important;font-size:12px!important}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .grid-4{grid-template-columns:1fr}
  .tbar-label,.tbar-divider{display:none}
  #google_translate_element select.goog-te-combo{min-width:130px!important;font-size:12px!important}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
  .btt-btn{bottom:80px;right:12px}
}

/* Floating Chat Button */
.chat-fab{
  position:fixed;bottom:28px;right:28px;z-index:9999;
  width:60px;height:60px;border-radius:50%;
  background:#1A1A1A;
  border:3px solid var(--gold);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 24px rgba(0,0,0,0.5);
  transition:transform 0.2s,box-shadow 0.2s;
}
.chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 32px rgba(0,0,0,0.6)}
.chat-fab svg{width:30px;height:30px;fill:var(--gold)}
.chat-fab-notif{
  position:absolute;top:2px;right:2px;
  width:14px;height:14px;border-radius:50%;
  background:#E63946;border:2px solid var(--black);
}

/* Chat Popup */
.chat-popup{
  position:fixed;bottom:100px;right:28px;z-index:9998;
  width:340px;
  background:var(--off-black);
  border:1px solid rgba(230,168,23,0.35);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 12px 48px rgba(0,0,0,0.7);
  display:none;
  flex-direction:column;
  font-family:var(--font-b);
  animation:chatSlideUp 0.25s ease;
}
.chat-popup.open{display:flex}
@keyframes chatSlideUp{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}

/* Popup Header */
.cp-header{
  background:var(--off-black);
  padding:18px 20px;
  display:flex;align-items:center;gap:12px;
  border-bottom:1px solid rgba(230,168,23,0.15);
  position:relative;
}
.cp-avatar{
  width:42px;height:42px;border-radius:50%;
  background:#1A1A1A;border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.cp-avatar svg{width:24px;height:24px;fill:var(--gold)}
.cp-title{flex:1}
.cp-title strong{display:block;font-size:14px;font-weight:700;color:var(--white);margin-bottom:2px}
.cp-title span{font-size:12px;color:rgba(230,168,23,0.8)}
.cp-close{
  width:28px;height:28px;border-radius:50%;
  background:rgba(255,255,255,0.08);
  border:none;cursor:pointer;
  color:var(--light);font-size:16px;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.2s;
}
.cp-close:hover{background:rgba(255,255,255,0.15)}

/* Greeting card */
.cp-greeting{
  padding:16px 20px;
  border-bottom:1px solid rgba(230,168,23,0.1);
  font-size:14px;
  color:rgba(255,255,255,0.85);
  line-height:1.5;
  background:var(--dark);
}
.cp-greeting strong{color:var(--white);display:block;font-size:15px;margin-bottom:3px}

/* Chat CTA button */
.cp-chat-btn{
  margin:16px 20px;
  background:#1A1A1A;
  border:2px solid var(--gold);
  border-radius:8px;
  padding:12px 18px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-b);font-size:14px;font-weight:700;
  color:var(--white);cursor:pointer;
  transition:background 0.2s,transform 0.15s;
}
.cp-chat-btn:hover{background:#222222;transform:scale(1.01)}
.cp-chat-btn svg{width:18px;height:18px;fill:var(--gold)}

/* Chat messages area (shown after clicking "Chat with AI") */
.cp-messages{
  flex:1;padding:16px 16px 8px;
  display:flex;flex-direction:column;gap:10px;
  max-height:240px;overflow-y:auto;
  display:none;
}
.cp-messages.visible{display:flex}
.cp-msg{display:flex;gap:8px;align-items:flex-end}
.cp-msg-av{
  width:26px;height:26px;border-radius:50%;
  background:#1A1A1A;border:1px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;margin-bottom:2px;
}
.cp-msg-av svg{width:14px;height:14px;fill:var(--gold)}
.cp-msg-bubble{
  background:var(--off-black);
  padding:9px 12px;font-size:13px;color:rgba(255,255,255,0.88);
  border-radius:4px 12px 12px 12px;line-height:1.5;
  max-width:240px;
}
.cp-msg.user-msg{flex-direction:row-reverse}
.cp-msg.user-msg .cp-msg-bubble{
  background:rgba(230,168,23,0.15);
  border:1px solid rgba(230,168,23,0.2);
  border-radius:12px 4px 12px 12px;
  color:var(--white);
}
.cp-typing{display:flex;gap:4px;padding:4px 0}
.cp-typing span{
  width:7px;height:7px;border-radius:50%;
  background:var(--gold);opacity:0.5;
  animation:typing 1.2s infinite;
}
.cp-typing span:nth-child(2){animation-delay:0.2s}
.cp-typing span:nth-child(3){animation-delay:0.4s}
@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:0.5}30%{transform:translateY(-5px);opacity:1}}

/* Input area */
.cp-input-row{
  padding:12px 14px;
  border-top:1px solid rgba(230,168,23,0.12);
  display:flex;gap:8px;
  display:none;
}
.cp-input-row.visible{display:flex}
.cp-input{
  flex:1;background:rgba(255,255,255,0.07);
  border:1px solid rgba(230,168,23,0.25);border-radius:6px;
  padding:9px 12px;font-size:13px;color:var(--white);
  font-family:var(--font-b);outline:none;
  transition:border-color 0.2s;
}
.cp-input:focus{border-color:var(--gold)}
.cp-input::placeholder{color:rgba(255,255,255,0.35)}
.cp-send{
  background:var(--gold);color:var(--black);
  border:none;border-radius:6px;
  width:36px;height:36px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.2s;flex-shrink:0;
}
.cp-send:hover{background:var(--gold-light)}
.cp-send svg{width:16px;height:16px;fill:var(--black)}


.section{padding:80px 0;border-bottom:1px solid var(--border)}
.section-alt{background:var(--dark)}
.intro-block{max-width:820px;margin:0 auto 56px;text-align:center;padding:0 24px}
.intro-block h2{font-family:var(--font-d);font-size:clamp(26px,3.5vw,40px);font-weight:900;color:var(--white);margin-bottom:16px;line-height:1.15}
.intro-block h2 em{font-style:italic;color:var(--gold)}
.intro-block p{font-size:16px;color:var(--light);line-height:1.8;font-weight:300;margin-bottom:12px}
.topic-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}
.tl-item{background:var(--off-black);border:1px solid var(--border);padding:7px 16px;font-size:12px;font-weight:600;color:var(--muted);border-radius:20px;cursor:pointer;transition:all 0.2s;text-decoration:none}
.tl-item:hover{border-color:var(--gold);color:var(--gold)}
.cta-section{padding:72px 24px;text-align:center;border-bottom:1px solid var(--border)}
.cta-section h2{font-family:var(--font-d);font-size:clamp(24px,3vw,38px);font-weight:900;color:var(--white);margin-bottom:12px}
.cta-section h2 em{font-style:italic;color:var(--gold)}
.cta-section p{font-size:16px;color:var(--light);margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7;font-weight:300}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.closing-section{padding:64px 24px;text-align:center;background:var(--dark);border-bottom:1px solid var(--border)}
.closing-section p{font-size:16px;color:var(--light);line-height:1.8;max-width:700px;margin:0 auto;font-weight:300}
html.light-mode .section{background:#F5F0E8!important}
html.light-mode .section-alt{background:#EDE7DD!important}
html.light-mode .intro-block h2{color:#0A0A0A!important}
html.light-mode .intro-block p{color:#2C2C2C!important}
html.light-mode .card h2,html.light-mode .card h3{color:#0A0A0A!important}
html.light-mode .card p{color:#2C2C2C!important}
html.light-mode .tl-item{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .cta-section{background:#F5F0E8!important}
html.light-mode .cta-section h2{color:#0A0A0A!important}
html.light-mode .cta-section p{color:#2C2C2C!important}
html.light-mode .closing-section{background:#EDE7DD!important}
html.light-mode .closing-section p{color:#2C2C2C!important}
@media(max-width:768px){.section{padding:48px 0}.cta-section{padding:48px 16px}.intro-block{margin-bottom:36px}}

/* ── CATEGORY ── */
.cat-wrap{max-width:1400px;margin:0 auto;padding:0 24px}
.cat-tabs{background:var(--off-black);border-bottom:1px solid var(--border);position:sticky;top:68px;z-index:100}
.cat-tabs-inner{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;gap:0;overflow-x:auto;scrollbar-width:none}
.cat-tabs-inner::-webkit-scrollbar{display:none}
.cat-tab{font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);padding:14px 20px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:var(--font-b);transition:all 0.2s}
.cat-tab:hover{color:var(--light)}
.cat-tab.active{color:var(--gold);border-bottom-color:var(--gold)}
.cat-section{padding:64px 0}
.cat-lead{display:grid;grid-template-columns:2fr 1fr;gap:1px;background:var(--border);margin-bottom:1px}
.cat-card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;display:flex;flex-direction:column}
.cat-card:hover{background:var(--dark)}
.cat-card.lead{grid-row:span 2}
.cat-card img{width:100%;object-fit:cover;display:block;filter:brightness(0.82);transition:filter 0.3s}
.cat-card:hover img{filter:brightness(0.95)}
.cat-card.lead img{height:380px}
.cat-card:not(.lead) img{height:180px}
.cat-card-body{padding:22px 24px;flex:1;display:flex;flex-direction:column}
.cat-card.lead .cat-card-body{padding:28px 32px}
.c-tag{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:8px}
.cat-card h2{font-family:var(--font-d);font-size:clamp(20px,2.5vw,30px);font-weight:900;line-height:1.2;color:var(--white);margin-bottom:10px;transition:color 0.2s}
.cat-card:hover h2{color:var(--gold)}
.cat-card h3{font-family:var(--font-d);font-size:17px;font-weight:700;line-height:1.3;color:var(--white);margin-bottom:8px;transition:color 0.2s}
.cat-card:hover h3{color:var(--gold)}
.c-excerpt{font-size:14px;color:var(--light);line-height:1.6;font-weight:300;flex:1;margin-bottom:12px}
.c-foot{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border);margin-top:auto}
.c-foot strong{color:var(--light)}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin-bottom:1px}
.cat-list{display:flex;flex-direction:column;gap:1px;background:var(--border)}
.cat-list-item{background:var(--off-black);display:grid;grid-template-columns:160px 1fr;gap:0;cursor:pointer;transition:background 0.2s;overflow:hidden}
.cat-list-item:hover{background:var(--dark)}
.cat-list-item img{width:160px;height:110px;object-fit:cover;display:block;filter:brightness(0.82)}
.cat-list-body{padding:18px 22px;display:flex;flex-direction:column;justify-content:center}
.cat-list-body h4{font-family:var(--font-d);font-size:17px;font-weight:700;color:var(--white);line-height:1.3;margin-bottom:6px;transition:color 0.2s}
.cat-list-item:hover h4{color:var(--gold)}
.cat-list-body p{font-size:13px;color:var(--muted);line-height:1.5}
.cat-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:48px 0 0}
.pg-btn{width:38px;height:38px;border:1px solid var(--border);background:none;color:var(--muted);font-family:var(--font-b);font-size:13px;font-weight:600;cursor:pointer;border-radius:2px;transition:all 0.2s}
.pg-btn:hover{border-color:var(--gold);color:var(--gold)}
.pg-btn.active{background:var(--gold);border-color:var(--gold);color:var(--black)}
.cat-filter-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}
.filter-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}
.filter-select{background:var(--off-black);border:1px solid var(--border);color:var(--light);font-family:var(--font-b);font-size:13px;padding:8px 14px;border-radius:2px;outline:none;cursor:pointer}
.filter-select:focus{border-color:var(--gold)}
@media(max-width:768px){
  .cat-lead{grid-template-columns:1fr}
  .cat-card.lead{grid-row:span 1}
  .cat-grid{grid-template-columns:1fr}
  .cat-list-item{grid-template-columns:100px 1fr}
  .cat-list-item img{width:100px;height:90px}
  .cat-section{padding:36px 0}
}


@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ── CONTACT ── */
.contact-wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.contact-grid{display:grid;grid-template-columns:1fr 400px;gap:64px;padding:80px 0;align-items:start}
.contact-info h2{font-family:var(--font-d);font-size:36px;font-weight:900;color:var(--white);margin-bottom:14px}
.contact-info h2 em{font-style:italic;color:var(--gold)}
.contact-info p{font-size:16px;color:var(--light);line-height:1.75;margin-bottom:32px;font-weight:300}
.contact-channels{display:flex;flex-direction:column;gap:20px}
.channel{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid var(--border);transition:border-color 0.2s}
.channel:hover{border-color:var(--gold)}
.channel-icon{font-size:24px;flex-shrink:0;margin-top:2px}
.channel h4{font-size:14px;font-weight:700;color:var(--white);margin-bottom:3px}
.channel p{font-size:13px;color:var(--muted);margin-bottom:4px}
.channel a{font-size:13px;color:var(--gold);text-decoration:none;font-weight:600}
.channel a:hover{text-decoration:underline}
.contact-form-card{background:var(--off-black);border:1px solid var(--border);padding:36px;position:sticky;top:88px}
.cf-title{font-family:var(--font-d);font-size:22px;font-weight:800;color:var(--white);margin-bottom:4px}
.cf-sub{font-size:13px;color:var(--muted);margin-bottom:28px}
.cf-field{margin-bottom:16px}
.cf-field label{display:block;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:6px}
.cf-field input,.cf-field select,.cf-field textarea{width:100%;background:var(--dark);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:14px;padding:11px 13px;outline:none;transition:border-color 0.2s;border-radius:2px}
.cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus{border-color:var(--gold)}
.cf-field input::placeholder,.cf-field textarea::placeholder{color:var(--muted)}
.cf-field textarea{resize:vertical;min-height:120px}
.cf-field select{cursor:pointer}
.cf-field select option{background:var(--dark);color:var(--white)}
.cf-submit{width:100%;background:var(--gold);color:var(--black);border:none;padding:15px;font-family:var(--font-b);font-size:13px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s;margin-top:4px}
.cf-submit:hover{background:var(--gold-light)}
.depts-section{padding:72px 0;border-top:1px solid var(--border);background:var(--dark)}
.depts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin-top:36px}
.dept-card{background:var(--off-black);padding:28px;transition:background 0.2s}
.dept-card:hover{background:var(--mid)}
.dept-icon{font-size:28px;margin-bottom:12px}
.dept-card h4{font-size:16px;font-weight:700;color:var(--white);margin-bottom:6px}
.dept-card p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:12px}
.dept-email{font-size:13px;color:var(--gold);font-weight:600;text-decoration:none}
.dept-email:hover{text-decoration:underline}
.sec-heading{font-family:var(--font-d);font-size:28px;font-weight:900;color:var(--white);text-align:center;margin-bottom:8px}
.sec-sub{font-size:14px;color:var(--muted);text-align:center}
@media(max-width:768px){
  .contact-grid{grid-template-columns:1fr;padding:48px 0 0}
  .contact-form-card{position:static;margin-bottom:48px}
  .depts-grid{grid-template-columns:1fr}
  .depts-section{padding:48px 0}
}


@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ── CULTURE ── */
.section{padding:80px 0;border-bottom:1px solid var(--border)}
.section-alt{background:var(--dark)}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}
.sec-title{font-family:var(--font-d);font-size:28px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}
.sec-title::before{content:'';display:block;width:4px;height:26px;background:var(--gold);border-radius:2px}
.sec-link{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;font-weight:700;transition:opacity 0.2s}
.sec-link:hover{opacity:0.7}
.sec-intro{font-size:16px;color:var(--light);line-height:1.75;font-weight:300;max-width:680px;margin-bottom:40px}
.gold-divider{width:48px;height:3px;background:var(--gold);border-radius:2px;margin:20px 0}
.eyebrow-tag{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:8px}

/* CARDS */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
.card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;display:flex;flex-direction:column}
.card:hover{background:var(--dark)}
.card-img{width:100%;height:200px;object-fit:cover;display:block;filter:brightness(0.82);transition:filter 0.3s}
.card:hover .card-img{filter:brightness(0.95)}
.card-img-tall{height:280px}
.card-body{padding:24px;flex:1;display:flex;flex-direction:column}
.card h2{font-family:var(--font-d);font-size:clamp(20px,2.5vw,28px);font-weight:900;line-height:1.2;color:var(--white);margin-bottom:12px;transition:color 0.2s}
.card:hover h2{color:var(--gold)}
.card h3{font-family:var(--font-d);font-size:18px;font-weight:700;line-height:1.25;color:var(--white);margin-bottom:10px;transition:color 0.2s}
.card:hover h3{color:var(--gold)}
.card p{font-size:14px;color:var(--light);line-height:1.65;font-weight:300;flex:1;margin-bottom:16px}
.card-foot{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border);margin-top:auto}
.card-foot strong{color:var(--light)}
.card-link{color:var(--gold);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px;margin-top:14px;transition:gap 0.2s}
.card-link:hover{gap:8px}

/* DARK/LIGHT MODE */
html.light-mode body{background:#F5F0E8!important;color:#0A0A0A!important}
html.light-mode nav{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .nav-links a{color:#2C2C2C!important}
html.light-mode .translate-bar{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .tbar-label{color:var(--gold-dark)!important}
html.light-mode footer{background:#FFFFFF!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .ft-brand p{color:#5A5A5A!important}
html.light-mode .ft-col a{color:#5A5A5A!important}
html.light-mode .ft-bottom{border-top-color:rgba(180,130,0,0.2)!important;color:#5A5A5A!important}
html.light-mode .ft-soc{border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .section{background:#F5F0E8!important}
html.light-mode .section-alt{background:#EDE7DD!important}
html.light-mode .card{background:#FFFFFF!important}
html.light-mode .card:hover{background:#F0EBE0!important}
html.light-mode .card h2,html.light-mode .card h3{color:#0A0A0A!important}
html.light-mode .card p{color:#2C2C2C!important}
html.light-mode .card-foot{border-top-color:rgba(180,130,0,0.2)!important;color:#5A5A5A!important}
html.light-mode .grid-3,html.light-mode .grid-2,html.light-mode .grid-4{background:rgba(180,130,0,0.15)!important}
html.light-mode .sec-title{color:#0A0A0A!important}
html.light-mode .sec-intro{color:#2C2C2C!important}
html.light-mode .page-banner{background:#2C2018!important}
html.light-mode .cookie-banner{background:#FFFFFF!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .cookie-text{color:#2C2C2C!important}
html.light-mode .btt-btn{background:#FFFFFF!important;border-color:rgba(180,130,0,0.3)!important;color:var(--gold)!important}
html.light-mode .mega-menu{background:#FFFFFF!important;border-left-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-header{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-link{color:#2C2C2C!important}
html.light-mode .mega-link:hover{background:rgba(180,130,0,0.08)!important;color:var(--gold)!important}
html.light-mode .mega-full-link{color:#2C2C2C!important}
html.light-mode .mega-section-title{color:var(--gold)!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-cta-row{background:#F5F0E8!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .dm-toggle{background:#F0EBE0!important;border-color:rgba(180,130,0,0.3)!important}
html.light-mode .dm-toggle-label{color:#5A5A5A!important}
html.light-mode #google_translate_element select.goog-te-combo{background:#FFFFFF!important;color:var(--gold)!important}

/* MEGA MENU */
.mega-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:399;opacity:0;pointer-events:none;transition:opacity 0.3s;backdrop-filter:blur(4px)}
.mega-overlay.open{opacity:1;pointer-events:all}
.mega-menu{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);background:var(--off-black);border-left:1px solid var(--border);z-index:400;transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;display:flex;flex-direction:column}
.mega-menu.open{transform:translateX(0)}
.mega-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--border);flex-shrink:0}
.mega-logo{height:32px;display:block}
.mega-header-right{display:flex;align-items:center;gap:12px}
.mega-close{background:none;border:1px solid var(--border);color:var(--muted);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;border-radius:2px;transition:all 0.2s}
.mega-close:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}
.dm-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;background:var(--dark);border:1px solid var(--border);padding:6px 12px;border-radius:20px;transition:all 0.2s;user-select:none}
.dm-toggle:hover{border-color:var(--gold)}
.dm-toggle-icon{font-size:14px}
.dm-toggle-label{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}
.dm-track{width:36px;height:20px;background:var(--mid);border-radius:10px;position:relative;border:1px solid var(--border);transition:background 0.3s;flex-shrink:0}
.dm-track.on{background:var(--gold)}
.dm-thumb{width:14px;height:14px;border-radius:50%;background:var(--muted);position:absolute;top:2px;left:2px;transition:transform 0.3s,background 0.3s}
.dm-track.on .dm-thumb{transform:translateX(16px);background:var(--black)}
.mega-body{padding:28px;flex:1}
.mega-section-title{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:12px;margin-top:24px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.mega-section-title:first-child{margin-top:0}
.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px}
.mega-link{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:var(--light);font-size:14px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:all 0.2s}
.mega-link:hover{background:rgba(230,168,23,0.08);border-color:var(--border);color:var(--gold)}
.mega-link-icon{font-size:18px;flex-shrink:0;width:28px;text-align:center}
.mega-link-label{display:block;font-size:14px;font-weight:700}
.mega-link-sub{display:block;font-size:11px;color:var(--muted);margin-top:1px;font-weight:400}
.mega-full-link{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:var(--light);font-size:14px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:all 0.2s}
.mega-full-link:hover{background:rgba(230,168,23,0.08);border-color:var(--border);color:var(--gold)}
.mega-cta-row{display:flex;gap:10px;padding:20px 28px;border-top:1px solid var(--border);flex-shrink:0}
.mega-cta-row .btn-sub,.mega-cta-row .btn-out{flex:1;text-align:center;display:block;padding:12px}

/* COOKIE + BTT */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--off-black);border-top:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.4s ease;box-shadow:0 -4px 24px rgba(0,0,0,0.4)}
.cookie-banner.show{transform:translateY(0)}
.cookie-text{font-size:13px;color:var(--light);line-height:1.5;flex:1;min-width:200px}
.cookie-text a{color:var(--gold);text-decoration:none}
.cookie-actions{display:flex;gap:8px;flex-shrink:0}
.cookie-accept{background:var(--gold);color:var(--black);border:none;padding:9px 22px;font-family:var(--font-b);font-size:12px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s}
.cookie-accept:hover{background:var(--gold-light)}
.cookie-decline{background:transparent;color:var(--muted);border:1px solid var(--border);padding:9px 18px;font-family:var(--font-b);font-size:12px;font-weight:600;cursor:pointer;border-radius:2px;transition:all 0.2s}
.btt-btn{position:fixed;bottom:100px;right:28px;z-index:8000;width:44px;height:44px;background:var(--off-black);border:1px solid var(--border);color:var(--gold);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;opacity:0;pointer-events:none;transition:all 0.3s;box-shadow:0 4px 16px rgba(0,0,0,0.4)}
.btt-btn.visible{opacity:1;pointer-events:all}
.btt-btn:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}

/* MOBILE */
@media(max-width:1100px){.nav-links{gap:14px}.nav-links a{font-size:11px}}
@media(max-width:900px){.nav-links{display:none}}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{gap:6px}
  .btn-sub{padding:8px 12px;font-size:11px}
  .btn-out{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .section{padding:48px 0}
  .grid-3,.grid-2{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr 1fr}
  .translate-bar{padding:7px 16px;gap:10px}
  #google_translate_element select.goog-te-combo{min-width:140px!important;font-size:12px!important}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .grid-4{grid-template-columns:1fr}
  .tbar-label,.tbar-divider{display:none}
  #google_translate_element select.goog-te-combo{min-width:130px!important;font-size:12px!important}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
  .btt-btn{bottom:80px;right:12px}
}

/* Floating Chat Button */
.chat-fab{
  position:fixed;bottom:28px;right:28px;z-index:9999;
  width:60px;height:60px;border-radius:50%;
  background:#1A1A1A;
  border:3px solid var(--gold);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 24px rgba(0,0,0,0.5);
  transition:transform 0.2s,box-shadow 0.2s;
}
.chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 32px rgba(0,0,0,0.6)}
.chat-fab svg{width:30px;height:30px;fill:var(--gold)}
.chat-fab-notif{
  position:absolute;top:2px;right:2px;
  width:14px;height:14px;border-radius:50%;
  background:#E63946;border:2px solid var(--black);
}

/* Chat Popup */
.chat-popup{
  position:fixed;bottom:100px;right:28px;z-index:9998;
  width:340px;
  background:var(--off-black);
  border:1px solid rgba(230,168,23,0.35);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 12px 48px rgba(0,0,0,0.7);
  display:none;
  flex-direction:column;
  font-family:var(--font-b);
  animation:chatSlideUp 0.25s ease;
}
.chat-popup.open{display:flex}
@keyframes chatSlideUp{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}

/* Popup Header */
.cp-header{
  background:var(--off-black);
  padding:18px 20px;
  display:flex;align-items:center;gap:12px;
  border-bottom:1px solid rgba(230,168,23,0.15);
  position:relative;
}
.cp-avatar{
  width:42px;height:42px;border-radius:50%;
  background:#1A1A1A;border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.cp-avatar svg{width:24px;height:24px;fill:var(--gold)}
.cp-title{flex:1}
.cp-title strong{display:block;font-size:14px;font-weight:700;color:var(--white);margin-bottom:2px}
.cp-title span{font-size:12px;color:rgba(230,168,23,0.8)}
.cp-close{
  width:28px;height:28px;border-radius:50%;
  background:rgba(255,255,255,0.08);
  border:none;cursor:pointer;
  color:var(--light);font-size:16px;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.2s;
}
.cp-close:hover{background:rgba(255,255,255,0.15)}

/* Greeting card */
.cp-greeting{
  padding:16px 20px;
  border-bottom:1px solid rgba(230,168,23,0.1);
  font-size:14px;
  color:rgba(255,255,255,0.85);
  line-height:1.5;
  background:var(--dark);
}
.cp-greeting strong{color:var(--white);display:block;font-size:15px;margin-bottom:3px}

/* Chat CTA button */
.cp-chat-btn{
  margin:16px 20px;
  background:#1A1A1A;
  border:2px solid var(--gold);
  border-radius:8px;
  padding:12px 18px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-b);font-size:14px;font-weight:700;
  color:var(--white);cursor:pointer;
  transition:background 0.2s,transform 0.15s;
}
.cp-chat-btn:hover{background:#222222;transform:scale(1.01)}
.cp-chat-btn svg{width:18px;height:18px;fill:var(--gold)}

/* Chat messages area (shown after clicking "Chat with AI") */
.cp-messages{
  flex:1;padding:16px 16px 8px;
  display:flex;flex-direction:column;gap:10px;
  max-height:240px;overflow-y:auto;
  display:none;
}
.cp-messages.visible{display:flex}
.cp-msg{display:flex;gap:8px;align-items:flex-end}
.cp-msg-av{
  width:26px;height:26px;border-radius:50%;
  background:#1A1A1A;border:1px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;margin-bottom:2px;
}
.cp-msg-av svg{width:14px;height:14px;fill:var(--gold)}
.cp-msg-bubble{
  background:var(--off-black);
  padding:9px 12px;font-size:13px;color:rgba(255,255,255,0.88);
  border-radius:4px 12px 12px 12px;line-height:1.5;
  max-width:240px;
}
.cp-msg.user-msg{flex-direction:row-reverse}
.cp-msg.user-msg .cp-msg-bubble{
  background:rgba(230,168,23,0.15);
  border:1px solid rgba(230,168,23,0.2);
  border-radius:12px 4px 12px 12px;
  color:var(--white);
}
.cp-typing{display:flex;gap:4px;padding:4px 0}
.cp-typing span{
  width:7px;height:7px;border-radius:50%;
  background:var(--gold);opacity:0.5;
  animation:typing 1.2s infinite;
}
.cp-typing span:nth-child(2){animation-delay:0.2s}
.cp-typing span:nth-child(3){animation-delay:0.4s}
@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:0.5}30%{transform:translateY(-5px);opacity:1}}

/* Input area */
.cp-input-row{
  padding:12px 14px;
  border-top:1px solid rgba(230,168,23,0.12);
  display:flex;gap:8px;
  display:none;
}
.cp-input-row.visible{display:flex}
.cp-input{
  flex:1;background:rgba(255,255,255,0.07);
  border:1px solid rgba(230,168,23,0.25);border-radius:6px;
  padding:9px 12px;font-size:13px;color:var(--white);
  font-family:var(--font-b);outline:none;
  transition:border-color 0.2s;
}
.cp-input:focus{border-color:var(--gold)}
.cp-input::placeholder{color:rgba(255,255,255,0.35)}
.cp-send{
  background:var(--gold);color:var(--black);
  border:none;border-radius:6px;
  width:36px;height:36px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.2s;flex-shrink:0;
}
.cp-send:hover{background:var(--gold-light)}
.cp-send svg{width:16px;height:16px;fill:var(--black)}


.section{padding:80px 0;border-bottom:1px solid var(--border)}
.section-alt{background:var(--dark)}
.intro-block{max-width:820px;margin:0 auto 56px;text-align:center;padding:0 24px}
.intro-block h2{font-family:var(--font-d);font-size:clamp(26px,3.5vw,40px);font-weight:900;color:var(--white);margin-bottom:16px;line-height:1.15}
.intro-block h2 em{font-style:italic;color:var(--gold)}
.intro-block p{font-size:16px;color:var(--light);line-height:1.8;font-weight:300;margin-bottom:12px}
.topic-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}
.tl-item{background:var(--off-black);border:1px solid var(--border);padding:7px 16px;font-size:12px;font-weight:600;color:var(--muted);border-radius:20px;cursor:pointer;transition:all 0.2s;text-decoration:none}
.tl-item:hover{border-color:var(--gold);color:var(--gold)}
.cta-section{padding:72px 24px;text-align:center;border-bottom:1px solid var(--border)}
.cta-section h2{font-family:var(--font-d);font-size:clamp(24px,3vw,38px);font-weight:900;color:var(--white);margin-bottom:12px}
.cta-section h2 em{font-style:italic;color:var(--gold)}
.cta-section p{font-size:16px;color:var(--light);margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7;font-weight:300}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.closing-section{padding:64px 24px;text-align:center;background:var(--dark);border-bottom:1px solid var(--border)}
.closing-section p{font-size:16px;color:var(--light);line-height:1.8;max-width:700px;margin:0 auto;font-weight:300}
html.light-mode .section{background:#F5F0E8!important}
html.light-mode .section-alt{background:#EDE7DD!important}
html.light-mode .intro-block h2{color:#0A0A0A!important}
html.light-mode .intro-block p{color:#2C2C2C!important}
html.light-mode .card h2,html.light-mode .card h3{color:#0A0A0A!important}
html.light-mode .card p{color:#2C2C2C!important}
html.light-mode .tl-item{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .cta-section{background:#F5F0E8!important}
html.light-mode .cta-section h2{color:#0A0A0A!important}
html.light-mode .cta-section p{color:#2C2C2C!important}
html.light-mode .closing-section{background:#EDE7DD!important}
html.light-mode .closing-section p{color:#2C2C2C!important}
@media(max-width:768px){.section{padding:48px 0}.cta-section{padding:48px 16px}.intro-block{margin-bottom:36px}}

/* ── DASHBOARD ── */
.dash-wrap{max-width:1200px;margin:0 auto;padding:40px 24px 80px}
.dash-grid{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}
.dash-sidebar{position:sticky;top:88px}
.dash-user-card{background:var(--off-black);border:1px solid var(--border);padding:24px;text-align:center;margin-bottom:8px}
.dash-avatar{width:72px;height:72px;border-radius:50%;border:2px solid var(--gold);object-fit:cover;margin:0 auto 12px;display:block;filter:brightness(0.85)}
.dash-user-name{font-family:var(--font-d);font-size:17px;font-weight:800;color:var(--white);margin-bottom:2px}
.dash-user-plan{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:0.1em;font-weight:700;margin-bottom:12px}
.dash-plan-badge{background:rgba(230,168,23,0.12);border:1px solid var(--border);padding:6px 14px;font-size:11px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:0.08em;display:inline-block}
.dash-nav{background:var(--off-black);border:1px solid var(--border)}
.dash-nav-item{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);cursor:pointer;font-size:13px;font-weight:600;color:var(--muted);transition:all 0.2s;text-decoration:none;border-left:3px solid transparent}
.dash-nav-item:last-child{border-bottom:none}
.dash-nav-item:hover{color:var(--white);background:var(--dark)}
.dash-nav-item.active{color:var(--gold);border-left-color:var(--gold);background:rgba(230,168,23,0.04)}
.dash-nav-icon{font-size:16px;flex-shrink:0}
.dash-main{}
.dash-section{background:var(--off-black);border:1px solid var(--border);padding:28px;margin-bottom:20px}
.dash-section-title{font-family:var(--font-d);font-size:20px;font-weight:800;color:var(--white);margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.dash-section-title a{font-size:11px;font-family:var(--font-b);font-weight:700;color:var(--gold);text-decoration:none;letter-spacing:0.06em;text-transform:uppercase}
.sub-status-card{background:var(--dark);border:1px solid var(--gold);padding:22px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-bottom:20px}
.sub-status-info h4{font-size:16px;font-weight:700;color:var(--white);margin-bottom:4px}
.sub-status-info p{font-size:13px;color:var(--muted)}
.sub-status-badge{background:var(--gold);color:var(--black);font-size:10px;font-weight:900;letter-spacing:0.12em;text-transform:uppercase;padding:6px 14px;white-space:nowrap}
.sub-detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}
.sub-detail-row:last-child{border-bottom:none}
.sub-detail-row span:first-child{color:var(--muted)}
.sub-detail-row span:last-child{color:var(--white);font-weight:600}
.reading-list{display:flex;flex-direction:column;gap:1px;background:var(--border)}
.reading-item{background:var(--off-black);display:grid;grid-template-columns:80px 1fr auto;gap:0;align-items:center;transition:background 0.2s;cursor:pointer}
.reading-item:hover{background:var(--dark)}
.reading-item img{width:80px;height:58px;object-fit:cover;display:block;filter:brightness(0.8)}
.reading-item-body{padding:10px 16px}
.ri-tag{font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:3px}
.ri-title{font-size:13px;font-weight:700;color:var(--white);line-height:1.3}
.ri-meta{font-size:11px;color:var(--muted);margin-top:3px}
.reading-item-action{padding:0 16px}
.ri-progress{width:60px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}
.ri-progress-bar{height:100%;background:var(--gold);border-radius:2px}
.notif-row{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--border);align-items:flex-start}
.notif-row:last-child{border-bottom:none}
.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:5px}
.notif-dot.read{background:var(--border)}
.notif-text{font-size:13px;color:var(--light);line-height:1.45;flex:1}
.notif-time{font-size:11px;color:var(--muted);white-space:nowrap}
.billing-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);font-size:13px}
.billing-row:last-child{border-bottom:none}
.billing-amount{font-weight:700;color:var(--white)}
.billing-status{font-size:10px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;padding:3px 8px}
.billing-paid{background:rgba(45,90,45,0.3);color:#6fcf6f}
@media(max-width:768px){
  .dash-grid{grid-template-columns:1fr}
  .dash-sidebar{position:static}
  .sub-status-card{grid-template-columns:1fr}
  .reading-item{grid-template-columns:64px 1fr}
  .reading-item-action{display:none}
}


@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ── DIASPORA ── */
.section{padding:80px 0;border-bottom:1px solid var(--border)}
.section-alt{background:var(--dark)}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}
.sec-title{font-family:var(--font-d);font-size:28px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}
.sec-title::before{content:'';display:block;width:4px;height:26px;background:var(--gold);border-radius:2px}
.sec-link{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;font-weight:700;transition:opacity 0.2s}
.sec-link:hover{opacity:0.7}
.sec-intro{font-size:16px;color:var(--light);line-height:1.75;font-weight:300;max-width:680px;margin-bottom:40px}
.gold-divider{width:48px;height:3px;background:var(--gold);border-radius:2px;margin:20px 0}
.eyebrow-tag{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:8px}

/* CARDS */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
.card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;display:flex;flex-direction:column}
.card:hover{background:var(--dark)}
.card-img{width:100%;height:200px;object-fit:cover;display:block;filter:brightness(0.82);transition:filter 0.3s}
.card:hover .card-img{filter:brightness(0.95)}
.card-img-tall{height:280px}
.card-body{padding:24px;flex:1;display:flex;flex-direction:column}
.card h2{font-family:var(--font-d);font-size:clamp(20px,2.5vw,28px);font-weight:900;line-height:1.2;color:var(--white);margin-bottom:12px;transition:color 0.2s}
.card:hover h2{color:var(--gold)}
.card h3{font-family:var(--font-d);font-size:18px;font-weight:700;line-height:1.25;color:var(--white);margin-bottom:10px;transition:color 0.2s}
.card:hover h3{color:var(--gold)}
.card p{font-size:14px;color:var(--light);line-height:1.65;font-weight:300;flex:1;margin-bottom:16px}
.card-foot{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border);margin-top:auto}
.card-foot strong{color:var(--light)}
.card-link{color:var(--gold);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px;margin-top:14px;transition:gap 0.2s}
.card-link:hover{gap:8px}

/* DARK/LIGHT MODE */
html.light-mode body{background:#F5F0E8!important;color:#0A0A0A!important}
html.light-mode nav{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .nav-links a{color:#2C2C2C!important}
html.light-mode .translate-bar{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .tbar-label{color:var(--gold-dark)!important}
html.light-mode footer{background:#FFFFFF!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .ft-brand p{color:#5A5A5A!important}
html.light-mode .ft-col a{color:#5A5A5A!important}
html.light-mode .ft-bottom{border-top-color:rgba(180,130,0,0.2)!important;color:#5A5A5A!important}
html.light-mode .ft-soc{border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .section{background:#F5F0E8!important}
html.light-mode .section-alt{background:#EDE7DD!important}
html.light-mode .card{background:#FFFFFF!important}
html.light-mode .card:hover{background:#F0EBE0!important}
html.light-mode .card h2,html.light-mode .card h3{color:#0A0A0A!important}
html.light-mode .card p{color:#2C2C2C!important}
html.light-mode .card-foot{border-top-color:rgba(180,130,0,0.2)!important;color:#5A5A5A!important}
html.light-mode .grid-3,html.light-mode .grid-2,html.light-mode .grid-4{background:rgba(180,130,0,0.15)!important}
html.light-mode .sec-title{color:#0A0A0A!important}
html.light-mode .sec-intro{color:#2C2C2C!important}
html.light-mode .page-banner{background:#2C2018!important}
html.light-mode .cookie-banner{background:#FFFFFF!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .cookie-text{color:#2C2C2C!important}
html.light-mode .btt-btn{background:#FFFFFF!important;border-color:rgba(180,130,0,0.3)!important;color:var(--gold)!important}
html.light-mode .mega-menu{background:#FFFFFF!important;border-left-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-header{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-link{color:#2C2C2C!important}
html.light-mode .mega-link:hover{background:rgba(180,130,0,0.08)!important;color:var(--gold)!important}
html.light-mode .mega-full-link{color:#2C2C2C!important}
html.light-mode .mega-section-title{color:var(--gold)!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-cta-row{background:#F5F0E8!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .dm-toggle{background:#F0EBE0!important;border-color:rgba(180,130,0,0.3)!important}
html.light-mode .dm-toggle-label{color:#5A5A5A!important}
html.light-mode #google_translate_element select.goog-te-combo{background:#FFFFFF!important;color:var(--gold)!important}

/* MEGA MENU */
.mega-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:399;opacity:0;pointer-events:none;transition:opacity 0.3s;backdrop-filter:blur(4px)}
.mega-overlay.open{opacity:1;pointer-events:all}
.mega-menu{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);background:var(--off-black);border-left:1px solid var(--border);z-index:400;transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;display:flex;flex-direction:column}
.mega-menu.open{transform:translateX(0)}
.mega-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--border);flex-shrink:0}
.mega-logo{height:32px;display:block}
.mega-header-right{display:flex;align-items:center;gap:12px}
.mega-close{background:none;border:1px solid var(--border);color:var(--muted);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;border-radius:2px;transition:all 0.2s}
.mega-close:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}
.dm-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;background:var(--dark);border:1px solid var(--border);padding:6px 12px;border-radius:20px;transition:all 0.2s;user-select:none}
.dm-toggle:hover{border-color:var(--gold)}
.dm-toggle-icon{font-size:14px}
.dm-toggle-label{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}
.dm-track{width:36px;height:20px;background:var(--mid);border-radius:10px;position:relative;border:1px solid var(--border);transition:background 0.3s;flex-shrink:0}
.dm-track.on{background:var(--gold)}
.dm-thumb{width:14px;height:14px;border-radius:50%;background:var(--muted);position:absolute;top:2px;left:2px;transition:transform 0.3s,background 0.3s}
.dm-track.on .dm-thumb{transform:translateX(16px);background:var(--black)}
.mega-body{padding:28px;flex:1}
.mega-section-title{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:12px;margin-top:24px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.mega-section-title:first-child{margin-top:0}
.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px}
.mega-link{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:var(--light);font-size:14px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:all 0.2s}
.mega-link:hover{background:rgba(230,168,23,0.08);border-color:var(--border);color:var(--gold)}
.mega-link-icon{font-size:18px;flex-shrink:0;width:28px;text-align:center}
.mega-link-label{display:block;font-size:14px;font-weight:700}
.mega-link-sub{display:block;font-size:11px;color:var(--muted);margin-top:1px;font-weight:400}
.mega-full-link{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:var(--light);font-size:14px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:all 0.2s}
.mega-full-link:hover{background:rgba(230,168,23,0.08);border-color:var(--border);color:var(--gold)}
.mega-cta-row{display:flex;gap:10px;padding:20px 28px;border-top:1px solid var(--border);flex-shrink:0}
.mega-cta-row .btn-sub,.mega-cta-row .btn-out{flex:1;text-align:center;display:block;padding:12px}

/* COOKIE + BTT */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--off-black);border-top:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.4s ease;box-shadow:0 -4px 24px rgba(0,0,0,0.4)}
.cookie-banner.show{transform:translateY(0)}
.cookie-text{font-size:13px;color:var(--light);line-height:1.5;flex:1;min-width:200px}
.cookie-text a{color:var(--gold);text-decoration:none}
.cookie-actions{display:flex;gap:8px;flex-shrink:0}
.cookie-accept{background:var(--gold);color:var(--black);border:none;padding:9px 22px;font-family:var(--font-b);font-size:12px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s}
.cookie-accept:hover{background:var(--gold-light)}
.cookie-decline{background:transparent;color:var(--muted);border:1px solid var(--border);padding:9px 18px;font-family:var(--font-b);font-size:12px;font-weight:600;cursor:pointer;border-radius:2px;transition:all 0.2s}
.btt-btn{position:fixed;bottom:100px;right:28px;z-index:8000;width:44px;height:44px;background:var(--off-black);border:1px solid var(--border);color:var(--gold);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;opacity:0;pointer-events:none;transition:all 0.3s;box-shadow:0 4px 16px rgba(0,0,0,0.4)}
.btt-btn.visible{opacity:1;pointer-events:all}
.btt-btn:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}

/* MOBILE */
@media(max-width:1100px){.nav-links{gap:14px}.nav-links a{font-size:11px}}
@media(max-width:900px){.nav-links{display:none}}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{gap:6px}
  .btn-sub{padding:8px 12px;font-size:11px}
  .btn-out{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .section{padding:48px 0}
  .grid-3,.grid-2{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr 1fr}
  .translate-bar{padding:7px 16px;gap:10px}
  #google_translate_element select.goog-te-combo{min-width:140px!important;font-size:12px!important}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .grid-4{grid-template-columns:1fr}
  .tbar-label,.tbar-divider{display:none}
  #google_translate_element select.goog-te-combo{min-width:130px!important;font-size:12px!important}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
  .btt-btn{bottom:80px;right:12px}
}

/* Floating Chat Button */
.chat-fab{
  position:fixed;bottom:28px;right:28px;z-index:9999;
  width:60px;height:60px;border-radius:50%;
  background:#1A1A1A;
  border:3px solid var(--gold);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 24px rgba(0,0,0,0.5);
  transition:transform 0.2s,box-shadow 0.2s;
}
.chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 32px rgba(0,0,0,0.6)}
.chat-fab svg{width:30px;height:30px;fill:var(--gold)}
.chat-fab-notif{
  position:absolute;top:2px;right:2px;
  width:14px;height:14px;border-radius:50%;
  background:#E63946;border:2px solid var(--black);
}

/* Chat Popup */
.chat-popup{
  position:fixed;bottom:100px;right:28px;z-index:9998;
  width:340px;
  background:var(--off-black);
  border:1px solid rgba(230,168,23,0.35);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 12px 48px rgba(0,0,0,0.7);
  display:none;
  flex-direction:column;
  font-family:var(--font-b);
  animation:chatSlideUp 0.25s ease;
}
.chat-popup.open{display:flex}
@keyframes chatSlideUp{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}

/* Popup Header */
.cp-header{
  background:var(--off-black);
  padding:18px 20px;
  display:flex;align-items:center;gap:12px;
  border-bottom:1px solid rgba(230,168,23,0.15);
  position:relative;
}
.cp-avatar{
  width:42px;height:42px;border-radius:50%;
  background:#1A1A1A;border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.cp-avatar svg{width:24px;height:24px;fill:var(--gold)}
.cp-title{flex:1}
.cp-title strong{display:block;font-size:14px;font-weight:700;color:var(--white);margin-bottom:2px}
.cp-title span{font-size:12px;color:rgba(230,168,23,0.8)}
.cp-close{
  width:28px;height:28px;border-radius:50%;
  background:rgba(255,255,255,0.08);
  border:none;cursor:pointer;
  color:var(--light);font-size:16px;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.2s;
}
.cp-close:hover{background:rgba(255,255,255,0.15)}

/* Greeting card */
.cp-greeting{
  padding:16px 20px;
  border-bottom:1px solid rgba(230,168,23,0.1);
  font-size:14px;
  color:rgba(255,255,255,0.85);
  line-height:1.5;
  background:var(--dark);
}
.cp-greeting strong{color:var(--white);display:block;font-size:15px;margin-bottom:3px}

/* Chat CTA button */
.cp-chat-btn{
  margin:16px 20px;
  background:#1A1A1A;
  border:2px solid var(--gold);
  border-radius:8px;
  padding:12px 18px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-b);font-size:14px;font-weight:700;
  color:var(--white);cursor:pointer;
  transition:background 0.2s,transform 0.15s;
}
.cp-chat-btn:hover{background:#222222;transform:scale(1.01)}
.cp-chat-btn svg{width:18px;height:18px;fill:var(--gold)}

/* Chat messages area (shown after clicking "Chat with AI") */
.cp-messages{
  flex:1;padding:16px 16px 8px;
  display:flex;flex-direction:column;gap:10px;
  max-height:240px;overflow-y:auto;
  display:none;
}
.cp-messages.visible{display:flex}
.cp-msg{display:flex;gap:8px;align-items:flex-end}
.cp-msg-av{
  width:26px;height:26px;border-radius:50%;
  background:#1A1A1A;border:1px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;margin-bottom:2px;
}
.cp-msg-av svg{width:14px;height:14px;fill:var(--gold)}
.cp-msg-bubble{
  background:var(--off-black);
  padding:9px 12px;font-size:13px;color:rgba(255,255,255,0.88);
  border-radius:4px 12px 12px 12px;line-height:1.5;
  max-width:240px;
}
.cp-msg.user-msg{flex-direction:row-reverse}
.cp-msg.user-msg .cp-msg-bubble{
  background:rgba(230,168,23,0.15);
  border:1px solid rgba(230,168,23,0.2);
  border-radius:12px 4px 12px 12px;
  color:var(--white);
}
.cp-typing{display:flex;gap:4px;padding:4px 0}
.cp-typing span{
  width:7px;height:7px;border-radius:50%;
  background:var(--gold);opacity:0.5;
  animation:typing 1.2s infinite;
}
.cp-typing span:nth-child(2){animation-delay:0.2s}
.cp-typing span:nth-child(3){animation-delay:0.4s}
@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:0.5}30%{transform:translateY(-5px);opacity:1}}

/* Input area */
.cp-input-row{
  padding:12px 14px;
  border-top:1px solid rgba(230,168,23,0.12);
  display:flex;gap:8px;
  display:none;
}
.cp-input-row.visible{display:flex}
.cp-input{
  flex:1;background:rgba(255,255,255,0.07);
  border:1px solid rgba(230,168,23,0.25);border-radius:6px;
  padding:9px 12px;font-size:13px;color:var(--white);
  font-family:var(--font-b);outline:none;
  transition:border-color 0.2s;
}
.cp-input:focus{border-color:var(--gold)}
.cp-input::placeholder{color:rgba(255,255,255,0.35)}
.cp-send{
  background:var(--gold);color:var(--black);
  border:none;border-radius:6px;
  width:36px;height:36px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.2s;flex-shrink:0;
}
.cp-send:hover{background:var(--gold-light)}
.cp-send svg{width:16px;height:16px;fill:var(--black)}


.section{padding:80px 0;border-bottom:1px solid var(--border)}
.section-alt{background:var(--dark)}
.intro-block{max-width:820px;margin:0 auto 56px;text-align:center;padding:0 24px}
.intro-block h2{font-family:var(--font-d);font-size:clamp(26px,3.5vw,40px);font-weight:900;color:var(--white);margin-bottom:16px;line-height:1.15}
.intro-block h2 em{font-style:italic;color:var(--gold)}
.intro-block p{font-size:16px;color:var(--light);line-height:1.8;font-weight:300;margin-bottom:12px}
.topic-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}
.tl-item{background:var(--off-black);border:1px solid var(--border);padding:7px 16px;font-size:12px;font-weight:600;color:var(--muted);border-radius:20px;cursor:pointer;transition:all 0.2s;text-decoration:none}
.tl-item:hover{border-color:var(--gold);color:var(--gold)}
.cta-section{padding:72px 24px;text-align:center;border-bottom:1px solid var(--border)}
.cta-section h2{font-family:var(--font-d);font-size:clamp(24px,3vw,38px);font-weight:900;color:var(--white);margin-bottom:12px}
.cta-section h2 em{font-style:italic;color:var(--gold)}
.cta-section p{font-size:16px;color:var(--light);margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7;font-weight:300}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.closing-section{padding:64px 24px;text-align:center;background:var(--dark);border-bottom:1px solid var(--border)}
.closing-section p{font-size:16px;color:var(--light);line-height:1.8;max-width:700px;margin:0 auto;font-weight:300}
html.light-mode .section{background:#F5F0E8!important}
html.light-mode .section-alt{background:#EDE7DD!important}
html.light-mode .intro-block h2{color:#0A0A0A!important}
html.light-mode .intro-block p{color:#2C2C2C!important}
html.light-mode .card h2,html.light-mode .card h3{color:#0A0A0A!important}
html.light-mode .card p{color:#2C2C2C!important}
html.light-mode .tl-item{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .cta-section{background:#F5F0E8!important}
html.light-mode .cta-section h2{color:#0A0A0A!important}
html.light-mode .cta-section p{color:#2C2C2C!important}
html.light-mode .closing-section{background:#EDE7DD!important}
html.light-mode .closing-section p{color:#2C2C2C!important}
@media(max-width:768px){.section{padding:48px 0}.cta-section{padding:48px 16px}.intro-block{margin-bottom:36px}}

/* ── DONATE ── */
.don-wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.stats-bar{background:var(--gold);padding:20px 24px}
.stats-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.stat-item{padding:0 12px;border-right:1px solid rgba(0,0,0,0.15)}
.stat-item:last-child{border-right:none}
.stat-num{font-family:var(--font-d);font-size:30px;font-weight:900;color:var(--black);line-height:1}
.stat-label{font-size:11px;font-weight:700;color:rgba(0,0,0,0.6);text-transform:uppercase;letter-spacing:0.08em;margin-top:4px}
.donate-main{padding:80px 0;border-bottom:1px solid var(--border)}
.donate-grid{display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:start}
.why-title{font-family:var(--font-d);font-size:38px;font-weight:900;line-height:1.1;color:var(--white);margin-bottom:16px}
.why-title em{font-style:italic;color:var(--gold)}
.why-text{font-size:16px;color:var(--light);line-height:1.75;margin-bottom:20px;font-weight:300}
.pillars{display:flex;flex-direction:column;gap:20px;margin-top:28px}
.pillar{display:flex;gap:14px;align-items:flex-start}
.pillar-icon{width:44px;height:44px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;background:var(--dark)}
.pillar h4{font-size:15px;font-weight:700;color:var(--white);margin-bottom:3px}
.pillar p{font-size:13px;color:var(--muted);line-height:1.55}
.form-card{background:var(--off-black);border:1px solid var(--border);padding:32px;position:sticky;top:88px}
.form-card-title{font-family:var(--font-d);font-size:21px;font-weight:800;color:var(--white);margin-bottom:4px}
.form-card-sub{font-size:13px;color:var(--muted);margin-bottom:24px}
.freq-toggle{display:flex;gap:0;border:1px solid var(--border);border-radius:2px;overflow:hidden;margin-bottom:22px}
.freq-btn{flex:1;background:none;border:none;font-family:var(--font-b);font-size:12px;font-weight:600;color:var(--muted);padding:10px 8px;cursor:pointer;transition:all 0.2s;letter-spacing:0.04em;text-transform:uppercase}
.freq-btn.active{background:var(--gold);color:var(--black);font-weight:800}
.amt-label{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:10px}
.amounts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.d-amt{background:var(--dark);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:15px;font-weight:700;padding:13px 8px;cursor:pointer;text-align:center;transition:all 0.2s;border-radius:2px}
.d-amt:hover{border-color:var(--gold);color:var(--gold)}
.d-amt.sel{background:var(--gold);border-color:var(--gold);color:var(--black)}
.custom-wrap{position:relative;margin-bottom:20px}
.custom-prefix{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--gold);font-weight:700;font-size:15px}
.custom-in{width:100%;background:var(--dark);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:15px;font-weight:600;padding:12px 14px 12px 26px;outline:none;transition:border-color 0.2s;border-radius:2px}
.custom-in:focus{border-color:var(--gold)}
.custom-in::placeholder{color:var(--muted);font-weight:400}
.form-divider{height:1px;background:var(--border);margin:18px 0}
.field{margin-bottom:12px}
.field label{display:block;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:5px}
.field input{width:100%;background:var(--dark);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:14px;padding:11px 13px;outline:none;transition:border-color 0.2s;border-radius:2px}
.field input:focus{border-color:var(--gold)}
.field input::placeholder{color:var(--muted)}
.anon-row{display:flex;align-items:center;gap:9px;margin-bottom:18px;cursor:pointer}
.anon-row input{width:15px;height:15px;accent-color:var(--gold);cursor:pointer}
.anon-row span{font-size:13px;color:var(--muted)}
.donate-btn{width:100%;background:var(--gold);color:var(--black);border:none;padding:16px;font-family:var(--font-b);font-size:14px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s}
.donate-btn:hover{background:var(--gold-light)}
.secure-note{text-align:center;font-size:11px;color:var(--muted);margin-top:10px}
.impact-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.impact-card{background:var(--off-black);padding:28px;transition:background 0.2s}
.impact-card:hover{background:var(--mid)}
.impact-amt{font-family:var(--font-d);font-size:26px;font-weight:900;color:var(--gold);margin-bottom:7px}
.impact-card h4{font-size:16px;font-weight:700;color:var(--white);margin-bottom:8px}
.impact-card p{font-size:13px;color:var(--muted);line-height:1.6}
.test-section{padding:80px 0;border-bottom:1px solid var(--border)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.test-card{background:var(--off-black);padding:28px;transition:background 0.2s}
.test-card:hover{background:var(--dark)}
.test-quote{font-size:40px;color:var(--gold);line-height:1;margin-bottom:10px;font-family:var(--font-d)}
.test-text{font-size:15px;color:var(--light);line-height:1.65;font-style:italic;font-weight:300;margin-bottom:18px}
.test-author{display:flex;align-items:center;gap:12px}
.test-av{width:40px;height:40px;border-radius:50%;object-fit:cover;filter:brightness(0.85)}
.test-name{font-size:13px;font-weight:700;color:var(--white)}
.test-loc{font-size:11px;color:var(--muted)}
.other-section{padding:72px 0;background:var(--dark)}
.other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:860px;margin:0 auto}
.other-card{border:1px solid var(--border);padding:28px 20px;text-align:center;transition:border-color 0.2s}
.other-card:hover{border-color:var(--gold)}
.other-icon{font-size:30px;margin-bottom:10px}
.other-card h4{font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px}
.other-card p{font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:14px}
.other-link{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none}
.sec-heading{font-family:var(--font-d);font-size:30px;font-weight:900;color:var(--white);text-align:center;margin-bottom:8px}
.sec-sub{font-size:14px;color:var(--muted);text-align:center;margin-bottom:40px}
@media(max-width:768px){
  .stats-inner{grid-template-columns:repeat(2,1fr);gap:16px}
  .stat-item{border-right:none;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,0.15)}
  .donate-grid{grid-template-columns:1fr}
  .form-card{position:static}
  .impact-grid{grid-template-columns:1fr}
  .test-grid{grid-template-columns:1fr}
  .other-grid{grid-template-columns:1fr;padding:0 24px}
  .donate-main,.impact-section,.test-section,.other-section{padding:48px 0}
}

/* ── MOBILE ── */
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ── EVENTS ── */
.section{padding:80px 0;border-bottom:1px solid var(--border)}
.section-alt{background:var(--dark)}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}
.sec-title{font-family:var(--font-d);font-size:28px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}
.sec-title::before{content:'';display:block;width:4px;height:26px;background:var(--gold);border-radius:2px}
.sec-link{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;font-weight:700;transition:opacity 0.2s}
.sec-link:hover{opacity:0.7}
.sec-intro{font-size:16px;color:var(--light);line-height:1.75;font-weight:300;max-width:680px;margin-bottom:40px}
.gold-divider{width:48px;height:3px;background:var(--gold);border-radius:2px;margin:20px 0}
.eyebrow-tag{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:8px}

/* CARDS */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
.card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;display:flex;flex-direction:column}
.card:hover{background:var(--dark)}
.card-img{width:100%;height:200px;object-fit:cover;display:block;filter:brightness(0.82);transition:filter 0.3s}
.card:hover .card-img{filter:brightness(0.95)}
.card-img-tall{height:280px}
.card-body{padding:24px;flex:1;display:flex;flex-direction:column}
.card h2{font-family:var(--font-d);font-size:clamp(20px,2.5vw,28px);font-weight:900;line-height:1.2;color:var(--white);margin-bottom:12px;transition:color 0.2s}
.card:hover h2{color:var(--gold)}
.card h3{font-family:var(--font-d);font-size:18px;font-weight:700;line-height:1.25;color:var(--white);margin-bottom:10px;transition:color 0.2s}
.card:hover h3{color:var(--gold)}
.card p{font-size:14px;color:var(--light);line-height:1.65;font-weight:300;flex:1;margin-bottom:16px}
.card-foot{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border);margin-top:auto}
.card-foot strong{color:var(--light)}
.card-link{color:var(--gold);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px;margin-top:14px;transition:gap 0.2s}
.card-link:hover{gap:8px}

/* DARK/LIGHT MODE */
html.light-mode body{background:#F5F0E8!important;color:#0A0A0A!important}
html.light-mode nav{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .nav-links a{color:#2C2C2C!important}
html.light-mode .translate-bar{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .tbar-label{color:var(--gold-dark)!important}
html.light-mode footer{background:#FFFFFF!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .ft-brand p{color:#5A5A5A!important}
html.light-mode .ft-col a{color:#5A5A5A!important}
html.light-mode .ft-bottom{border-top-color:rgba(180,130,0,0.2)!important;color:#5A5A5A!important}
html.light-mode .ft-soc{border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .section{background:#F5F0E8!important}
html.light-mode .section-alt{background:#EDE7DD!important}
html.light-mode .card{background:#FFFFFF!important}
html.light-mode .card:hover{background:#F0EBE0!important}
html.light-mode .card h2,html.light-mode .card h3{color:#0A0A0A!important}
html.light-mode .card p{color:#2C2C2C!important}
html.light-mode .card-foot{border-top-color:rgba(180,130,0,0.2)!important;color:#5A5A5A!important}
html.light-mode .grid-3,html.light-mode .grid-2,html.light-mode .grid-4{background:rgba(180,130,0,0.15)!important}
html.light-mode .sec-title{color:#0A0A0A!important}
html.light-mode .sec-intro{color:#2C2C2C!important}
html.light-mode .page-banner{background:#2C2018!important}
html.light-mode .cookie-banner{background:#FFFFFF!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .cookie-text{color:#2C2C2C!important}
html.light-mode .btt-btn{background:#FFFFFF!important;border-color:rgba(180,130,0,0.3)!important;color:var(--gold)!important}
html.light-mode .mega-menu{background:#FFFFFF!important;border-left-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-header{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-link{color:#2C2C2C!important}
html.light-mode .mega-link:hover{background:rgba(180,130,0,0.08)!important;color:var(--gold)!important}
html.light-mode .mega-full-link{color:#2C2C2C!important}
html.light-mode .mega-section-title{color:var(--gold)!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-cta-row{background:#F5F0E8!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .dm-toggle{background:#F0EBE0!important;border-color:rgba(180,130,0,0.3)!important}
html.light-mode .dm-toggle-label{color:#5A5A5A!important}
html.light-mode #google_translate_element select.goog-te-combo{background:#FFFFFF!important;color:var(--gold)!important}

/* MEGA MENU */
.mega-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:399;opacity:0;pointer-events:none;transition:opacity 0.3s;backdrop-filter:blur(4px)}
.mega-overlay.open{opacity:1;pointer-events:all}
.mega-menu{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);background:var(--off-black);border-left:1px solid var(--border);z-index:400;transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;display:flex;flex-direction:column}
.mega-menu.open{transform:translateX(0)}
.mega-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--border);flex-shrink:0}
.mega-logo{height:32px;display:block}
.mega-header-right{display:flex;align-items:center;gap:12px}
.mega-close{background:none;border:1px solid var(--border);color:var(--muted);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;border-radius:2px;transition:all 0.2s}
.mega-close:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}
.dm-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;background:var(--dark);border:1px solid var(--border);padding:6px 12px;border-radius:20px;transition:all 0.2s;user-select:none}
.dm-toggle:hover{border-color:var(--gold)}
.dm-toggle-icon{font-size:14px}
.dm-toggle-label{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}
.dm-track{width:36px;height:20px;background:var(--mid);border-radius:10px;position:relative;border:1px solid var(--border);transition:background 0.3s;flex-shrink:0}
.dm-track.on{background:var(--gold)}
.dm-thumb{width:14px;height:14px;border-radius:50%;background:var(--muted);position:absolute;top:2px;left:2px;transition:transform 0.3s,background 0.3s}
.dm-track.on .dm-thumb{transform:translateX(16px);background:var(--black)}
.mega-body{padding:28px;flex:1}
.mega-section-title{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:12px;margin-top:24px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.mega-section-title:first-child{margin-top:0}
.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px}
.mega-link{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:var(--light);font-size:14px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:all 0.2s}
.mega-link:hover{background:rgba(230,168,23,0.08);border-color:var(--border);color:var(--gold)}
.mega-link-icon{font-size:18px;flex-shrink:0;width:28px;text-align:center}
.mega-link-label{display:block;font-size:14px;font-weight:700}
.mega-link-sub{display:block;font-size:11px;color:var(--muted);margin-top:1px;font-weight:400}
.mega-full-link{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:var(--light);font-size:14px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:all 0.2s}
.mega-full-link:hover{background:rgba(230,168,23,0.08);border-color:var(--border);color:var(--gold)}
.mega-cta-row{display:flex;gap:10px;padding:20px 28px;border-top:1px solid var(--border);flex-shrink:0}
.mega-cta-row .btn-sub,.mega-cta-row .btn-out{flex:1;text-align:center;display:block;padding:12px}

/* COOKIE + BTT */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--off-black);border-top:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.4s ease;box-shadow:0 -4px 24px rgba(0,0,0,0.4)}
.cookie-banner.show{transform:translateY(0)}
.cookie-text{font-size:13px;color:var(--light);line-height:1.5;flex:1;min-width:200px}
.cookie-text a{color:var(--gold);text-decoration:none}
.cookie-actions{display:flex;gap:8px;flex-shrink:0}
.cookie-accept{background:var(--gold);color:var(--black);border:none;padding:9px 22px;font-family:var(--font-b);font-size:12px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s}
.cookie-accept:hover{background:var(--gold-light)}
.cookie-decline{background:transparent;color:var(--muted);border:1px solid var(--border);padding:9px 18px;font-family:var(--font-b);font-size:12px;font-weight:600;cursor:pointer;border-radius:2px;transition:all 0.2s}
.btt-btn{position:fixed;bottom:100px;right:28px;z-index:8000;width:44px;height:44px;background:var(--off-black);border:1px solid var(--border);color:var(--gold);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;opacity:0;pointer-events:none;transition:all 0.3s;box-shadow:0 4px 16px rgba(0,0,0,0.4)}
.btt-btn.visible{opacity:1;pointer-events:all}
.btt-btn:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}

/* MOBILE */
@media(max-width:1100px){.nav-links{gap:14px}.nav-links a{font-size:11px}}
@media(max-width:900px){.nav-links{display:none}}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{gap:6px}
  .btn-sub{padding:8px 12px;font-size:11px}
  .btn-out{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .section{padding:48px 0}
  .grid-3,.grid-2{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr 1fr}
  .translate-bar{padding:7px 16px;gap:10px}
  #google_translate_element select.goog-te-combo{min-width:140px!important;font-size:12px!important}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .grid-4{grid-template-columns:1fr}
  .tbar-label,.tbar-divider{display:none}
  #google_translate_element select.goog-te-combo{min-width:130px!important;font-size:12px!important}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
  .btt-btn{bottom:80px;right:12px}
}

/* Floating Chat Button */
.chat-fab{
  position:fixed;bottom:28px;right:28px;z-index:9999;
  width:60px;height:60px;border-radius:50%;
  background:#1A1A1A;
  border:3px solid var(--gold);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 24px rgba(0,0,0,0.5);
  transition:transform 0.2s,box-shadow 0.2s;
}
.chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 32px rgba(0,0,0,0.6)}
.chat-fab svg{width:30px;height:30px;fill:var(--gold)}
.chat-fab-notif{
  position:absolute;top:2px;right:2px;
  width:14px;height:14px;border-radius:50%;
  background:#E63946;border:2px solid var(--black);
}

/* Chat Popup */
.chat-popup{
  position:fixed;bottom:100px;right:28px;z-index:9998;
  width:340px;
  background:var(--off-black);
  border:1px solid rgba(230,168,23,0.35);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 12px 48px rgba(0,0,0,0.7);
  display:none;
  flex-direction:column;
  font-family:var(--font-b);
  animation:chatSlideUp 0.25s ease;
}
.chat-popup.open{display:flex}
@keyframes chatSlideUp{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}

/* Popup Header */
.cp-header{
  background:var(--off-black);
  padding:18px 20px;
  display:flex;align-items:center;gap:12px;
  border-bottom:1px solid rgba(230,168,23,0.15);
  position:relative;
}
.cp-avatar{
  width:42px;height:42px;border-radius:50%;
  background:#1A1A1A;border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.cp-avatar svg{width:24px;height:24px;fill:var(--gold)}
.cp-title{flex:1}
.cp-title strong{display:block;font-size:14px;font-weight:700;color:var(--white);margin-bottom:2px}
.cp-title span{font-size:12px;color:rgba(230,168,23,0.8)}
.cp-close{
  width:28px;height:28px;border-radius:50%;
  background:rgba(255,255,255,0.08);
  border:none;cursor:pointer;
  color:var(--light);font-size:16px;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.2s;
}
.cp-close:hover{background:rgba(255,255,255,0.15)}

/* Greeting card */
.cp-greeting{
  padding:16px 20px;
  border-bottom:1px solid rgba(230,168,23,0.1);
  font-size:14px;
  color:rgba(255,255,255,0.85);
  line-height:1.5;
  background:var(--dark);
}
.cp-greeting strong{color:var(--white);display:block;font-size:15px;margin-bottom:3px}

/* Chat CTA button */
.cp-chat-btn{
  margin:16px 20px;
  background:#1A1A1A;
  border:2px solid var(--gold);
  border-radius:8px;
  padding:12px 18px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-b);font-size:14px;font-weight:700;
  color:var(--white);cursor:pointer;
  transition:background 0.2s,transform 0.15s;
}
.cp-chat-btn:hover{background:#222222;transform:scale(1.01)}
.cp-chat-btn svg{width:18px;height:18px;fill:var(--gold)}

/* Chat messages area (shown after clicking "Chat with AI") */
.cp-messages{
  flex:1;padding:16px 16px 8px;
  display:flex;flex-direction:column;gap:10px;
  max-height:240px;overflow-y:auto;
  display:none;
}
.cp-messages.visible{display:flex}
.cp-msg{display:flex;gap:8px;align-items:flex-end}
.cp-msg-av{
  width:26px;height:26px;border-radius:50%;
  background:#1A1A1A;border:1px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;margin-bottom:2px;
}
.cp-msg-av svg{width:14px;height:14px;fill:var(--gold)}
.cp-msg-bubble{
  background:var(--off-black);
  padding:9px 12px;font-size:13px;color:rgba(255,255,255,0.88);
  border-radius:4px 12px 12px 12px;line-height:1.5;
  max-width:240px;
}
.cp-msg.user-msg{flex-direction:row-reverse}
.cp-msg.user-msg .cp-msg-bubble{
  background:rgba(230,168,23,0.15);
  border:1px solid rgba(230,168,23,0.2);
  border-radius:12px 4px 12px 12px;
  color:var(--white);
}
.cp-typing{display:flex;gap:4px;padding:4px 0}
.cp-typing span{
  width:7px;height:7px;border-radius:50%;
  background:var(--gold);opacity:0.5;
  animation:typing 1.2s infinite;
}
.cp-typing span:nth-child(2){animation-delay:0.2s}
.cp-typing span:nth-child(3){animation-delay:0.4s}
@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:0.5}30%{transform:translateY(-5px);opacity:1}}

/* Input area */
.cp-input-row{
  padding:12px 14px;
  border-top:1px solid rgba(230,168,23,0.12);
  display:flex;gap:8px;
  display:none;
}
.cp-input-row.visible{display:flex}
.cp-input{
  flex:1;background:rgba(255,255,255,0.07);
  border:1px solid rgba(230,168,23,0.25);border-radius:6px;
  padding:9px 12px;font-size:13px;color:var(--white);
  font-family:var(--font-b);outline:none;
  transition:border-color 0.2s;
}
.cp-input:focus{border-color:var(--gold)}
.cp-input::placeholder{color:rgba(255,255,255,0.35)}
.cp-send{
  background:var(--gold);color:var(--black);
  border:none;border-radius:6px;
  width:36px;height:36px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.2s;flex-shrink:0;
}
.cp-send:hover{background:var(--gold-light)}
.cp-send svg{width:16px;height:16px;fill:var(--black)}


.section{padding:80px 0;border-bottom:1px solid var(--border)}
.section-alt{background:var(--dark)}
.intro-block{max-width:820px;margin:0 auto 56px;text-align:center;padding:0 24px}
.intro-block h2{font-family:var(--font-d);font-size:clamp(26px,3.5vw,40px);font-weight:900;color:var(--white);margin-bottom:16px;line-height:1.15}
.intro-block h2 em{font-style:italic;color:var(--gold)}
.intro-block p{font-size:16px;color:var(--light);line-height:1.8;font-weight:300;margin-bottom:12px}
.topic-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}
.tl-item{background:var(--off-black);border:1px solid var(--border);padding:7px 16px;font-size:12px;font-weight:600;color:var(--muted);border-radius:20px;cursor:pointer;transition:all 0.2s;text-decoration:none}
.tl-item:hover{border-color:var(--gold);color:var(--gold)}
.cta-section{padding:72px 24px;text-align:center;border-bottom:1px solid var(--border)}
.cta-section h2{font-family:var(--font-d);font-size:clamp(24px,3vw,38px);font-weight:900;color:var(--white);margin-bottom:12px}
.cta-section h2 em{font-style:italic;color:var(--gold)}
.cta-section p{font-size:16px;color:var(--light);margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7;font-weight:300}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.closing-section{padding:64px 24px;text-align:center;background:var(--dark);border-bottom:1px solid var(--border)}
.closing-section p{font-size:16px;color:var(--light);line-height:1.8;max-width:700px;margin:0 auto;font-weight:300}
html.light-mode .section{background:#F5F0E8!important}
html.light-mode .section-alt{background:#EDE7DD!important}
html.light-mode .intro-block h2{color:#0A0A0A!important}
html.light-mode .intro-block p{color:#2C2C2C!important}
html.light-mode .card h2,html.light-mode .card h3{color:#0A0A0A!important}
html.light-mode .card p{color:#2C2C2C!important}
html.light-mode .tl-item{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .cta-section{background:#F5F0E8!important}
html.light-mode .cta-section h2{color:#0A0A0A!important}
html.light-mode .cta-section p{color:#2C2C2C!important}
html.light-mode .closing-section{background:#EDE7DD!important}
html.light-mode .closing-section p{color:#2C2C2C!important}
@media(max-width:768px){.section{padding:48px 0}.cta-section{padding:48px 16px}.intro-block{margin-bottom:36px}}

/* ── HOME ── */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;background:var(--off-black)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.35)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,10,10,0.92) 0%,rgba(10,10,10,0.6) 60%,rgba(230,168,23,0.08) 100%)}
.hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;width:100%}
.hero-left{}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(230,168,23,0.12);border:1px solid rgba(230,168,23,0.3);padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);margin-bottom:24px}
.hero-h1{font-family:var(--font-d);font-size:clamp(38px,5.5vw,72px);font-weight:900;line-height:1.04;color:var(--white);margin-bottom:8px;letter-spacing:-0.03em}
.hero-h1 em{font-style:italic;color:var(--gold)}
.hero-tagline{font-family:var(--font-d);font-size:clamp(16px,2vw,22px);font-weight:400;color:var(--gold);margin-bottom:24px;font-style:italic;letter-spacing:0.02em}
.hero-statement{font-size:17px;color:var(--light);line-height:1.75;margin-bottom:14px;font-weight:300;max-width:520px}
.hero-statement2{font-size:15px;color:var(--muted);line-height:1.7;margin-bottom:36px;max-width:500px;font-weight:300}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}
.hero-cta-primary{background:var(--gold);color:var(--black);border:none;padding:14px 32px;font-family:var(--font-b);font-size:14px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;text-decoration:none;transition:background 0.2s}
.hero-cta-primary:hover{background:var(--gold-light)}
.hero-cta-secondary{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.4);padding:14px 32px;font-family:var(--font-b);font-size:14px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;text-decoration:none;transition:all 0.2s}
.hero-cta-secondary:hover{border-color:var(--white);background:rgba(255,255,255,0.05)}
.hero-stats{display:flex;gap:32px;flex-wrap:wrap}
.h-stat-num{font-family:var(--font-d);font-size:28px;font-weight:900;color:var(--gold);line-height:1}
.h-stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-top:3px}
.hero-right{position:relative}
.hero-img-main{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;filter:brightness(0.85)}
.hero-img-accent{position:absolute;bottom:-24px;left:-24px;width:55%;aspect-ratio:1;object-fit:cover;border:3px solid var(--gold);filter:brightness(0.9)}
.hero-img-badge{position:absolute;top:20px;right:-12px;background:var(--gold);color:var(--black);padding:12px 16px;font-size:11px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;max-width:120px;text-align:center;line-height:1.3}

/* TICKER */
.ticker{background:var(--gold);overflow:hidden;white-space:nowrap;padding:9px 0}
.ticker-inner{display:inline-block;animation:tick 50s linear infinite;font-size:11px;font-weight:800;color:var(--black);letter-spacing:0.08em;text-transform:uppercase}
@keyframes tick{0%{transform:translateX(100vw)}100%{transform:translateX(-100%)}}
.ticker-sep{margin:0 28px;opacity:0.4}

/* FEATURED STORIES */
.stories-section{padding:80px 0;border-bottom:1px solid var(--border)}
.stories-lead{display:grid;grid-template-columns:2fr 1fr;gap:1px;background:var(--border);margin-bottom:1px}
.stories-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}
.story-card{background:var(--off-black);display:flex;flex-direction:column;overflow:hidden;cursor:pointer;transition:background 0.2s}
.story-card:hover{background:var(--dark)}
.story-card img{width:100%;height:240px;object-fit:cover;display:block;filter:brightness(0.8);transition:filter 0.3s}
.story-card:hover img{filter:brightness(0.95)}
.story-card.large img{height:340px}
.story-body{padding:28px;flex:1;display:flex;flex-direction:column}
.story-card.large .story-body{padding:32px}
.story-tag{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:10px}
.story-card h2{font-family:var(--font-d);font-size:clamp(20px,2.5vw,30px);font-weight:900;line-height:1.2;color:var(--white);margin-bottom:12px;transition:color 0.2s}
.story-card:hover h2{color:var(--gold)}
.story-card h3{font-family:var(--font-d);font-size:19px;font-weight:700;line-height:1.25;color:var(--white);margin-bottom:10px;transition:color 0.2s}
.story-card:hover h3{color:var(--gold)}
.story-card p{font-size:15px;color:var(--light);line-height:1.65;font-weight:300;flex:1;margin-bottom:16px}
.story-link{color:var(--gold);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:5px;margin-top:auto;transition:gap 0.2s}
.story-link:hover{gap:9px}

/* INTERVIEWS */
.interviews-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.int-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.int-card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;position:relative}
.int-card:hover{background:var(--mid)}
.int-card img{width:100%;height:220px;object-fit:cover;display:block;filter:brightness(0.6) saturate(0.8);transition:filter 0.3s}
.int-card:hover img{filter:brightness(0.75) saturate(1)}
.int-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:52px;height:52px;border-radius:50%;background:rgba(230,168,23,0.9);display:flex;align-items:center;justify-content:center;font-size:18px;transition:background 0.2s;pointer-events:none}
.int-card:hover .int-play{background:var(--gold)}
.int-body{padding:22px}
.int-quote{font-family:var(--font-d);font-size:17px;font-style:italic;color:var(--white);line-height:1.4;margin-bottom:10px;transition:color 0.2s}
.int-card:hover .int-quote{color:var(--gold)}
.int-desc{font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:14px}
.int-action{font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;display:flex;align-items:center;gap:5px}

/* TRENDING TOPICS */
.trending-section{padding:72px 0;border-bottom:1px solid var(--border)}
.topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:36px}
.topic-pill{background:var(--off-black);border:1px solid var(--border);padding:20px 24px;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:14px;text-decoration:none}
.topic-pill:hover{border-color:var(--gold);background:var(--dark)}
.topic-icon{font-size:24px;flex-shrink:0}
.topic-text h4{font-size:15px;font-weight:700;color:var(--white);transition:color 0.2s}
.topic-pill:hover h4{color:var(--gold)}
.topic-text span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em}

/* BUSINESS SPOTLIGHT */
.spotlight-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.spotlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}
.spot-card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;display:flex;flex-direction:column}
.spot-card:hover{background:var(--mid)}
.spot-card img{width:100%;height:260px;object-fit:cover;display:block;filter:brightness(0.75);transition:filter 0.3s}
.spot-card:hover img{filter:brightness(0.9)}
.spot-body{padding:28px;flex:1;display:flex;flex-direction:column}
.spot-label{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.spot-label::before{content:'';display:block;width:20px;height:1px;background:var(--gold)}
.spot-card h3{font-family:var(--font-d);font-size:22px;font-weight:800;color:var(--white);margin-bottom:10px;line-height:1.25;transition:color 0.2s}
.spot-card:hover h3{color:var(--gold)}
.spot-card p{font-size:14px;color:var(--light);line-height:1.65;font-weight:300;flex:1;margin-bottom:20px}
.spot-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}

/* BLACK EXCELLENCE */
.excellence-section{padding:80px 0;border-bottom:1px solid var(--border)}
.excellence-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px}
.exc-cat{background:var(--off-black);border:1px solid var(--border);padding:8px 18px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;border-radius:20px;transition:all 0.2s;text-transform:uppercase;letter-spacing:0.06em}
.exc-cat:hover,.exc-cat.active{background:var(--gold);border-color:var(--gold);color:var(--black)}
.exc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.exc-card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;position:relative}
.exc-card:hover{background:var(--dark)}
.exc-card img{width:100%;height:200px;object-fit:cover;display:block;filter:brightness(0.7) saturate(0.8);transition:filter 0.3s}
.exc-card:hover img{filter:brightness(0.85) saturate(1)}
.exc-body{padding:20px}
.exc-cat-tag{font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:6px}
.exc-card h4{font-family:var(--font-d);font-size:16px;font-weight:700;color:var(--white);margin-bottom:6px;transition:color 0.2s;line-height:1.3}
.exc-card:hover h4{color:var(--gold)}
.exc-card p{font-size:12px;color:var(--muted);line-height:1.5}

/* COMMUNITY STORIES */
.community-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.com-card{background:var(--off-black);padding:28px;cursor:pointer;transition:background 0.2s;border-left:3px solid transparent;display:flex;flex-direction:column}
.com-card:hover{background:var(--mid);border-left-color:var(--gold)}
.com-num{font-family:var(--font-d);font-size:42px;font-weight:900;color:rgba(230,168,23,0.12);line-height:1;margin-bottom:6px}
.com-card h4{font-family:var(--font-d);font-size:18px;font-weight:800;color:var(--white);margin-bottom:10px;line-height:1.25;transition:color 0.2s}
.com-card:hover h4{color:var(--gold)}
.com-card p{font-size:14px;color:var(--muted);line-height:1.6;flex:1;margin-bottom:16px}

/* NEWSLETTER */
.newsletter-section{padding:80px 0;border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.nl-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.06;filter:grayscale(60%)}
.nl-overlay{position:absolute;inset:0;background:rgba(10,10,10,0.94)}
.nl-inner{position:relative;z-index:2;max-width:700px;margin:0 auto;padding:0 24px;text-align:center}
.nl-eyebrow{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:10px}
.nl-eyebrow::before,.nl-eyebrow::after{content:'';display:block;width:32px;height:1px;background:var(--gold)}
.nl-title{font-family:var(--font-d);font-size:clamp(28px,4vw,46px);font-weight:900;color:var(--white);margin-bottom:14px;line-height:1.1}
.nl-title em{font-style:italic;color:var(--gold)}
.nl-text{font-size:16px;color:var(--light);line-height:1.7;margin-bottom:12px;font-weight:300}
.nl-benefits{list-style:none;display:flex;flex-direction:column;gap:5px;margin-bottom:32px;text-align:left;max-width:380px;margin-left:auto;margin-right:auto}
.nl-benefits li{font-size:14px;color:var(--light);display:flex;align-items:center;gap:8px}
.nl-benefits li::before{content:'✓';color:var(--gold);font-weight:900;flex-shrink:0}
.nl-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:560px;margin:0 auto 10px}
.nl-input{background:var(--off-black);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:14px;padding:14px 16px;outline:none;transition:border-color 0.2s;border-radius:2px}
.nl-input:focus{border-color:var(--gold)}
.nl-input::placeholder{color:var(--muted)}
.nl-btn{background:var(--gold);color:var(--black);border:none;padding:14px 24px;font-family:var(--font-b);font-size:13px;font-weight:900;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s;grid-column:span 2}
.nl-btn:hover{background:var(--gold-light)}
.nl-note{font-size:12px;color:var(--muted);margin-top:10px}

/* OUR BELIEF */
.belief-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.belief-inner{max-width:900px;margin:0 auto;padding:0 24px;text-align:center}
.belief-inner h2{font-family:var(--font-d);font-size:clamp(28px,4vw,44px);font-weight:900;color:var(--white);margin-bottom:20px;line-height:1.1}
.belief-inner h2 em{font-style:italic;color:var(--gold)}
.belief-inner p{font-size:17px;color:var(--light);line-height:1.85;margin-bottom:18px;font-weight:300}
.belief-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin:48px 0}
.belief-pillar{background:var(--off-black);padding:32px;text-align:center;transition:background 0.2s}
.belief-pillar:hover{background:var(--mid)}
.bp-icon{font-size:36px;margin-bottom:12px}
.bp-title{font-family:var(--font-d);font-size:18px;font-weight:800;color:var(--white);margin-bottom:8px}
.bp-text{font-size:13px;color:var(--muted);line-height:1.6}

/* LIGHT MODE OVERRIDES FOR HOME */
html.light-mode .hero{background:#2C2018!important}
html.light-mode .stories-section{background:#F5F0E8!important}
html.light-mode .story-card{background:#FFFFFF!important}
html.light-mode .story-card:hover{background:#F0EBE0!important}
html.light-mode .story-card h2,html.light-mode .story-card h3{color:#0A0A0A!important}
html.light-mode .story-card p{color:#2C2C2C!important}
html.light-mode .interviews-section{background:#EDE7DD!important}
html.light-mode .int-card{background:#FFFFFF!important}
html.light-mode .int-card:hover{background:#F0EBE0!important}
html.light-mode .int-quote{color:#0A0A0A!important}
html.light-mode .int-desc{color:#5A5A5A!important}
html.light-mode .trending-section{background:#F5F0E8!important}
html.light-mode .topic-pill{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important}
html.light-mode .topic-pill:hover{background:#F0EBE0!important;border-color:var(--gold)!important}
html.light-mode .topic-text h4{color:#0A0A0A!important}
html.light-mode .spotlight-section{background:#EDE7DD!important}
html.light-mode .spot-card{background:#FFFFFF!important}
html.light-mode .spot-card:hover{background:#F0EBE0!important}
html.light-mode .spot-card h3{color:#0A0A0A!important}
html.light-mode .spot-card p{color:#2C2C2C!important}
html.light-mode .excellence-section{background:#F5F0E8!important}
html.light-mode .exc-card{background:#FFFFFF!important}
html.light-mode .exc-card h4{color:#0A0A0A!important}
html.light-mode .exc-cat{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .community-section{background:#EDE7DD!important}
html.light-mode .com-card{background:#FFFFFF!important}
html.light-mode .com-card:hover{background:#F0EBE0!important}
html.light-mode .com-card h4{color:#0A0A0A!important}
html.light-mode .com-card p{color:#5A5A5A!important}
html.light-mode .belief-section{background:#EDE7DD!important}
html.light-mode .belief-pillar{background:#FFFFFF!important}
html.light-mode .bp-title{color:#0A0A0A!important}
html.light-mode .bp-text{color:#5A5A5A!important}
html.light-mode .nl-input{background:#FFFFFF!important;border-color:rgba(180,130,0,0.3)!important;color:#0A0A0A!important}

@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr;gap:32px;padding:60px 24px}
  .hero-right{display:none}
  .hero-stats{gap:24px}
  .stories-lead{grid-template-columns:1fr}
  .int-grid,.topics-grid,.spotlight-grid,.exc-grid,.community-grid,.belief-pillars{grid-template-columns:1fr}
  .stories-grid-2{grid-template-columns:1fr}
  .nl-form{grid-template-columns:1fr}
  .nl-btn{grid-column:span 1}
}
@media(max-width:480px){
  .hero-h1{font-size:32px}
  .hero-ctas{flex-direction:column}
  .hero-cta-primary,.hero-cta-secondary{text-align:center}
}

/* ── LOGIN ── */
.auth-wrap{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:60px 24px;position:relative;overflow:hidden}
.auth-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.08;filter:grayscale(50%)}
.auth-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(26,26,26,0.6) 0%,rgba(10,10,10,0.95) 70%)}
.auth-card{position:relative;z-index:2;width:100%;max-width:440px;background:var(--off-black);border:1px solid var(--border);padding:44px}
.auth-logo{display:block;height:36px;margin:0 auto 28px}
.auth-title{font-family:var(--font-d);font-size:26px;font-weight:900;color:var(--white);text-align:center;margin-bottom:6px}
.auth-title em{font-style:italic;color:var(--gold)}
.auth-sub{font-size:14px;color:var(--muted);text-align:center;margin-bottom:32px}
.auth-field{margin-bottom:16px}
.auth-field label{display:block;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:6px}
.auth-field input{width:100%;background:var(--dark);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:15px;padding:13px 14px;outline:none;transition:border-color 0.2s;border-radius:2px}
.auth-field input:focus{border-color:var(--gold)}
.auth-field input::placeholder{color:var(--muted)}
.auth-forgot{display:block;text-align:right;font-size:12px;color:var(--muted);text-decoration:none;margin-top:6px;transition:color 0.2s}
.auth-forgot:hover{color:var(--gold)}
.auth-submit{width:100%;background:var(--gold);color:var(--black);border:none;padding:15px;font-family:var(--font-b);font-size:14px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s;margin-top:8px}
.auth-submit:hover{background:var(--gold-light)}
.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--muted);font-size:12px}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--border)}
.auth-social{display:flex;gap:10px}
.social-login-btn{flex:1;background:var(--dark);border:1px solid var(--border);color:var(--light);font-family:var(--font-b);font-size:13px;font-weight:600;padding:12px;cursor:pointer;border-radius:2px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.2s}
.social-login-btn:hover{border-color:var(--gold);color:var(--white)}
.auth-footer{text-align:center;margin-top:24px;font-size:13px;color:var(--muted)}
.auth-footer a{color:var(--gold);text-decoration:none;font-weight:600}
.auth-footer a:hover{text-decoration:underline}
.auth-benefits{position:relative;z-index:2;max-width:380px;padding:0 32px;display:none}
@media(min-width:900px){
  .auth-wrap{gap:64px}
  .auth-benefits{display:block}
}
.benefit-item{display:flex;gap:14px;margin-bottom:28px;align-items:flex-start}
.benefit-icon{width:40px;height:40px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.benefit-text h4{font-size:15px;font-weight:700;color:var(--white);margin-bottom:3px}
.benefit-text p{font-size:13px;color:var(--muted);line-height:1.55}
.auth-tagline{font-family:var(--font-d);font-size:28px;font-weight:900;color:var(--white);line-height:1.2;margin-bottom:28px}
.auth-tagline em{font-style:italic;color:var(--gold)}


@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ── MARKETPLACE ── */
.section{padding:80px 0;border-bottom:1px solid var(--border)}
.section-alt{background:var(--dark)}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}
.sec-title{font-family:var(--font-d);font-size:28px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}
.sec-title::before{content:'';display:block;width:4px;height:26px;background:var(--gold);border-radius:2px}
.sec-link{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;font-weight:700;transition:opacity 0.2s}
.sec-link:hover{opacity:0.7}
.sec-intro{font-size:16px;color:var(--light);line-height:1.75;font-weight:300;max-width:680px;margin-bottom:40px}
.gold-divider{width:48px;height:3px;background:var(--gold);border-radius:2px;margin:20px 0}
.eyebrow-tag{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:8px}

/* CARDS */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
.card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;display:flex;flex-direction:column}
.card:hover{background:var(--dark)}
.card-img{width:100%;height:200px;object-fit:cover;display:block;filter:brightness(0.82);transition:filter 0.3s}
.card:hover .card-img{filter:brightness(0.95)}
.card-img-tall{height:280px}
.card-body{padding:24px;flex:1;display:flex;flex-direction:column}
.card h2{font-family:var(--font-d);font-size:clamp(20px,2.5vw,28px);font-weight:900;line-height:1.2;color:var(--white);margin-bottom:12px;transition:color 0.2s}
.card:hover h2{color:var(--gold)}
.card h3{font-family:var(--font-d);font-size:18px;font-weight:700;line-height:1.25;color:var(--white);margin-bottom:10px;transition:color 0.2s}
.card:hover h3{color:var(--gold)}
.card p{font-size:14px;color:var(--light);line-height:1.65;font-weight:300;flex:1;margin-bottom:16px}
.card-foot{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border);margin-top:auto}
.card-foot strong{color:var(--light)}
.card-link{color:var(--gold);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px;margin-top:14px;transition:gap 0.2s}
.card-link:hover{gap:8px}

/* DARK/LIGHT MODE */
html.light-mode body{background:#F5F0E8!important;color:#0A0A0A!important}
html.light-mode nav{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .nav-links a{color:#2C2C2C!important}
html.light-mode .translate-bar{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .tbar-label{color:var(--gold-dark)!important}
html.light-mode footer{background:#FFFFFF!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .ft-brand p{color:#5A5A5A!important}
html.light-mode .ft-col a{color:#5A5A5A!important}
html.light-mode .ft-bottom{border-top-color:rgba(180,130,0,0.2)!important;color:#5A5A5A!important}
html.light-mode .ft-soc{border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .section{background:#F5F0E8!important}
html.light-mode .section-alt{background:#EDE7DD!important}
html.light-mode .card{background:#FFFFFF!important}
html.light-mode .card:hover{background:#F0EBE0!important}
html.light-mode .card h2,html.light-mode .card h3{color:#0A0A0A!important}
html.light-mode .card p{color:#2C2C2C!important}
html.light-mode .card-foot{border-top-color:rgba(180,130,0,0.2)!important;color:#5A5A5A!important}
html.light-mode .grid-3,html.light-mode .grid-2,html.light-mode .grid-4{background:rgba(180,130,0,0.15)!important}
html.light-mode .sec-title{color:#0A0A0A!important}
html.light-mode .sec-intro{color:#2C2C2C!important}
html.light-mode .page-banner{background:#2C2018!important}
html.light-mode .cookie-banner{background:#FFFFFF!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .cookie-text{color:#2C2C2C!important}
html.light-mode .btt-btn{background:#FFFFFF!important;border-color:rgba(180,130,0,0.3)!important;color:var(--gold)!important}
html.light-mode .mega-menu{background:#FFFFFF!important;border-left-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-header{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-link{color:#2C2C2C!important}
html.light-mode .mega-link:hover{background:rgba(180,130,0,0.08)!important;color:var(--gold)!important}
html.light-mode .mega-full-link{color:#2C2C2C!important}
html.light-mode .mega-section-title{color:var(--gold)!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-cta-row{background:#F5F0E8!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .dm-toggle{background:#F0EBE0!important;border-color:rgba(180,130,0,0.3)!important}
html.light-mode .dm-toggle-label{color:#5A5A5A!important}
html.light-mode #google_translate_element select.goog-te-combo{background:#FFFFFF!important;color:var(--gold)!important}

/* MEGA MENU */
.mega-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:399;opacity:0;pointer-events:none;transition:opacity 0.3s;backdrop-filter:blur(4px)}
.mega-overlay.open{opacity:1;pointer-events:all}
.mega-menu{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);background:var(--off-black);border-left:1px solid var(--border);z-index:400;transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;display:flex;flex-direction:column}
.mega-menu.open{transform:translateX(0)}
.mega-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--border);flex-shrink:0}
.mega-logo{height:32px;display:block}
.mega-header-right{display:flex;align-items:center;gap:12px}
.mega-close{background:none;border:1px solid var(--border);color:var(--muted);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;border-radius:2px;transition:all 0.2s}
.mega-close:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}
.dm-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;background:var(--dark);border:1px solid var(--border);padding:6px 12px;border-radius:20px;transition:all 0.2s;user-select:none}
.dm-toggle:hover{border-color:var(--gold)}
.dm-toggle-icon{font-size:14px}
.dm-toggle-label{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}
.dm-track{width:36px;height:20px;background:var(--mid);border-radius:10px;position:relative;border:1px solid var(--border);transition:background 0.3s;flex-shrink:0}
.dm-track.on{background:var(--gold)}
.dm-thumb{width:14px;height:14px;border-radius:50%;background:var(--muted);position:absolute;top:2px;left:2px;transition:transform 0.3s,background 0.3s}
.dm-track.on .dm-thumb{transform:translateX(16px);background:var(--black)}
.mega-body{padding:28px;flex:1}
.mega-section-title{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:12px;margin-top:24px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.mega-section-title:first-child{margin-top:0}
.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px}
.mega-link{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:var(--light);font-size:14px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:all 0.2s}
.mega-link:hover{background:rgba(230,168,23,0.08);border-color:var(--border);color:var(--gold)}
.mega-link-icon{font-size:18px;flex-shrink:0;width:28px;text-align:center}
.mega-link-label{display:block;font-size:14px;font-weight:700}
.mega-link-sub{display:block;font-size:11px;color:var(--muted);margin-top:1px;font-weight:400}
.mega-full-link{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:var(--light);font-size:14px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:all 0.2s}
.mega-full-link:hover{background:rgba(230,168,23,0.08);border-color:var(--border);color:var(--gold)}
.mega-cta-row{display:flex;gap:10px;padding:20px 28px;border-top:1px solid var(--border);flex-shrink:0}
.mega-cta-row .btn-sub,.mega-cta-row .btn-out{flex:1;text-align:center;display:block;padding:12px}

/* COOKIE + BTT */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--off-black);border-top:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.4s ease;box-shadow:0 -4px 24px rgba(0,0,0,0.4)}
.cookie-banner.show{transform:translateY(0)}
.cookie-text{font-size:13px;color:var(--light);line-height:1.5;flex:1;min-width:200px}
.cookie-text a{color:var(--gold);text-decoration:none}
.cookie-actions{display:flex;gap:8px;flex-shrink:0}
.cookie-accept{background:var(--gold);color:var(--black);border:none;padding:9px 22px;font-family:var(--font-b);font-size:12px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s}
.cookie-accept:hover{background:var(--gold-light)}
.cookie-decline{background:transparent;color:var(--muted);border:1px solid var(--border);padding:9px 18px;font-family:var(--font-b);font-size:12px;font-weight:600;cursor:pointer;border-radius:2px;transition:all 0.2s}
.btt-btn{position:fixed;bottom:100px;right:28px;z-index:8000;width:44px;height:44px;background:var(--off-black);border:1px solid var(--border);color:var(--gold);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;opacity:0;pointer-events:none;transition:all 0.3s;box-shadow:0 4px 16px rgba(0,0,0,0.4)}
.btt-btn.visible{opacity:1;pointer-events:all}
.btt-btn:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}

/* MOBILE */
@media(max-width:1100px){.nav-links{gap:14px}.nav-links a{font-size:11px}}
@media(max-width:900px){.nav-links{display:none}}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{gap:6px}
  .btn-sub{padding:8px 12px;font-size:11px}
  .btn-out{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .section{padding:48px 0}
  .grid-3,.grid-2{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr 1fr}
  .translate-bar{padding:7px 16px;gap:10px}
  #google_translate_element select.goog-te-combo{min-width:140px!important;font-size:12px!important}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .grid-4{grid-template-columns:1fr}
  .tbar-label,.tbar-divider{display:none}
  #google_translate_element select.goog-te-combo{min-width:130px!important;font-size:12px!important}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
  .btt-btn{bottom:80px;right:12px}
}

/* Floating Chat Button */
.chat-fab{
  position:fixed;bottom:28px;right:28px;z-index:9999;
  width:60px;height:60px;border-radius:50%;
  background:#1A1A1A;
  border:3px solid var(--gold);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 24px rgba(0,0,0,0.5);
  transition:transform 0.2s,box-shadow 0.2s;
}
.chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 32px rgba(0,0,0,0.6)}
.chat-fab svg{width:30px;height:30px;fill:var(--gold)}
.chat-fab-notif{
  position:absolute;top:2px;right:2px;
  width:14px;height:14px;border-radius:50%;
  background:#E63946;border:2px solid var(--black);
}

/* Chat Popup */
.chat-popup{
  position:fixed;bottom:100px;right:28px;z-index:9998;
  width:340px;
  background:var(--off-black);
  border:1px solid rgba(230,168,23,0.35);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 12px 48px rgba(0,0,0,0.7);
  display:none;
  flex-direction:column;
  font-family:var(--font-b);
  animation:chatSlideUp 0.25s ease;
}
.chat-popup.open{display:flex}
@keyframes chatSlideUp{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}

/* Popup Header */
.cp-header{
  background:var(--off-black);
  padding:18px 20px;
  display:flex;align-items:center;gap:12px;
  border-bottom:1px solid rgba(230,168,23,0.15);
  position:relative;
}
.cp-avatar{
  width:42px;height:42px;border-radius:50%;
  background:#1A1A1A;border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.cp-avatar svg{width:24px;height:24px;fill:var(--gold)}
.cp-title{flex:1}
.cp-title strong{display:block;font-size:14px;font-weight:700;color:var(--white);margin-bottom:2px}
.cp-title span{font-size:12px;color:rgba(230,168,23,0.8)}
.cp-close{
  width:28px;height:28px;border-radius:50%;
  background:rgba(255,255,255,0.08);
  border:none;cursor:pointer;
  color:var(--light);font-size:16px;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.2s;
}
.cp-close:hover{background:rgba(255,255,255,0.15)}

/* Greeting card */
.cp-greeting{
  padding:16px 20px;
  border-bottom:1px solid rgba(230,168,23,0.1);
  font-size:14px;
  color:rgba(255,255,255,0.85);
  line-height:1.5;
  background:var(--dark);
}
.cp-greeting strong{color:var(--white);display:block;font-size:15px;margin-bottom:3px}

/* Chat CTA button */
.cp-chat-btn{
  margin:16px 20px;
  background:#1A1A1A;
  border:2px solid var(--gold);
  border-radius:8px;
  padding:12px 18px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-b);font-size:14px;font-weight:700;
  color:var(--white);cursor:pointer;
  transition:background 0.2s,transform 0.15s;
}
.cp-chat-btn:hover{background:#222222;transform:scale(1.01)}
.cp-chat-btn svg{width:18px;height:18px;fill:var(--gold)}

/* Chat messages area (shown after clicking "Chat with AI") */
.cp-messages{
  flex:1;padding:16px 16px 8px;
  display:flex;flex-direction:column;gap:10px;
  max-height:240px;overflow-y:auto;
  display:none;
}
.cp-messages.visible{display:flex}
.cp-msg{display:flex;gap:8px;align-items:flex-end}
.cp-msg-av{
  width:26px;height:26px;border-radius:50%;
  background:#1A1A1A;border:1px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;margin-bottom:2px;
}
.cp-msg-av svg{width:14px;height:14px;fill:var(--gold)}
.cp-msg-bubble{
  background:var(--off-black);
  padding:9px 12px;font-size:13px;color:rgba(255,255,255,0.88);
  border-radius:4px 12px 12px 12px;line-height:1.5;
  max-width:240px;
}
.cp-msg.user-msg{flex-direction:row-reverse}
.cp-msg.user-msg .cp-msg-bubble{
  background:rgba(230,168,23,0.15);
  border:1px solid rgba(230,168,23,0.2);
  border-radius:12px 4px 12px 12px;
  color:var(--white);
}
.cp-typing{display:flex;gap:4px;padding:4px 0}
.cp-typing span{
  width:7px;height:7px;border-radius:50%;
  background:var(--gold);opacity:0.5;
  animation:typing 1.2s infinite;
}
.cp-typing span:nth-child(2){animation-delay:0.2s}
.cp-typing span:nth-child(3){animation-delay:0.4s}
@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:0.5}30%{transform:translateY(-5px);opacity:1}}

/* Input area */
.cp-input-row{
  padding:12px 14px;
  border-top:1px solid rgba(230,168,23,0.12);
  display:flex;gap:8px;
  display:none;
}
.cp-input-row.visible{display:flex}
.cp-input{
  flex:1;background:rgba(255,255,255,0.07);
  border:1px solid rgba(230,168,23,0.25);border-radius:6px;
  padding:9px 12px;font-size:13px;color:var(--white);
  font-family:var(--font-b);outline:none;
  transition:border-color 0.2s;
}
.cp-input:focus{border-color:var(--gold)}
.cp-input::placeholder{color:rgba(255,255,255,0.35)}
.cp-send{
  background:var(--gold);color:var(--black);
  border:none;border-radius:6px;
  width:36px;height:36px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.2s;flex-shrink:0;
}
.cp-send:hover{background:var(--gold-light)}
.cp-send svg{width:16px;height:16px;fill:var(--black)}


.section{padding:80px 0;border-bottom:1px solid var(--border)}
.section-alt{background:var(--dark)}
.intro-block{max-width:820px;margin:0 auto 56px;text-align:center;padding:0 24px}
.intro-block h2{font-family:var(--font-d);font-size:clamp(26px,3.5vw,40px);font-weight:900;color:var(--white);margin-bottom:16px;line-height:1.15}
.intro-block h2 em{font-style:italic;color:var(--gold)}
.intro-block p{font-size:16px;color:var(--light);line-height:1.8;font-weight:300;margin-bottom:12px}
.topic-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}
.tl-item{background:var(--off-black);border:1px solid var(--border);padding:7px 16px;font-size:12px;font-weight:600;color:var(--muted);border-radius:20px;cursor:pointer;transition:all 0.2s;text-decoration:none}
.tl-item:hover{border-color:var(--gold);color:var(--gold)}
.cta-section{padding:72px 24px;text-align:center;border-bottom:1px solid var(--border)}
.cta-section h2{font-family:var(--font-d);font-size:clamp(24px,3vw,38px);font-weight:900;color:var(--white);margin-bottom:12px}
.cta-section h2 em{font-style:italic;color:var(--gold)}
.cta-section p{font-size:16px;color:var(--light);margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7;font-weight:300}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.closing-section{padding:64px 24px;text-align:center;background:var(--dark);border-bottom:1px solid var(--border)}
.closing-section p{font-size:16px;color:var(--light);line-height:1.8;max-width:700px;margin:0 auto;font-weight:300}
html.light-mode .section{background:#F5F0E8!important}
html.light-mode .section-alt{background:#EDE7DD!important}
html.light-mode .intro-block h2{color:#0A0A0A!important}
html.light-mode .intro-block p{color:#2C2C2C!important}
html.light-mode .card h2,html.light-mode .card h3{color:#0A0A0A!important}
html.light-mode .card p{color:#2C2C2C!important}
html.light-mode .tl-item{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .cta-section{background:#F5F0E8!important}
html.light-mode .cta-section h2{color:#0A0A0A!important}
html.light-mode .cta-section p{color:#2C2C2C!important}
html.light-mode .closing-section{background:#EDE7DD!important}
html.light-mode .closing-section p{color:#2C2C2C!important}
@media(max-width:768px){.section{padding:48px 0}.cta-section{padding:48px 16px}.intro-block{margin-bottom:36px}}

/* ── MEDIA ── */
.section{padding:80px 0;border-bottom:1px solid var(--border)}
.section-alt{background:var(--dark)}
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}
.sec-title{font-family:var(--font-d);font-size:28px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}
.sec-title::before{content:'';display:block;width:4px;height:26px;background:var(--gold);border-radius:2px}
.sec-link{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;font-weight:700;transition:opacity 0.2s}
.sec-link:hover{opacity:0.7}
.sec-intro{font-size:16px;color:var(--light);line-height:1.75;font-weight:300;max-width:680px;margin-bottom:40px}
.gold-divider{width:48px;height:3px;background:var(--gold);border-radius:2px;margin:20px 0}
.eyebrow-tag{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:8px}

/* CARDS */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
.card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;display:flex;flex-direction:column}
.card:hover{background:var(--dark)}
.card-img{width:100%;height:200px;object-fit:cover;display:block;filter:brightness(0.82);transition:filter 0.3s}
.card:hover .card-img{filter:brightness(0.95)}
.card-img-tall{height:280px}
.card-body{padding:24px;flex:1;display:flex;flex-direction:column}
.card h2{font-family:var(--font-d);font-size:clamp(20px,2.5vw,28px);font-weight:900;line-height:1.2;color:var(--white);margin-bottom:12px;transition:color 0.2s}
.card:hover h2{color:var(--gold)}
.card h3{font-family:var(--font-d);font-size:18px;font-weight:700;line-height:1.25;color:var(--white);margin-bottom:10px;transition:color 0.2s}
.card:hover h3{color:var(--gold)}
.card p{font-size:14px;color:var(--light);line-height:1.65;font-weight:300;flex:1;margin-bottom:16px}
.card-foot{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border);margin-top:auto}
.card-foot strong{color:var(--light)}
.card-link{color:var(--gold);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px;margin-top:14px;transition:gap 0.2s}
.card-link:hover{gap:8px}

/* DARK/LIGHT MODE */
html.light-mode body{background:#F5F0E8!important;color:#0A0A0A!important}
html.light-mode nav{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .nav-links a{color:#2C2C2C!important}
html.light-mode .translate-bar{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .tbar-label{color:var(--gold-dark)!important}
html.light-mode footer{background:#FFFFFF!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .ft-brand p{color:#5A5A5A!important}
html.light-mode .ft-col a{color:#5A5A5A!important}
html.light-mode .ft-bottom{border-top-color:rgba(180,130,0,0.2)!important;color:#5A5A5A!important}
html.light-mode .ft-soc{border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .section{background:#F5F0E8!important}
html.light-mode .section-alt{background:#EDE7DD!important}
html.light-mode .card{background:#FFFFFF!important}
html.light-mode .card:hover{background:#F0EBE0!important}
html.light-mode .card h2,html.light-mode .card h3{color:#0A0A0A!important}
html.light-mode .card p{color:#2C2C2C!important}
html.light-mode .card-foot{border-top-color:rgba(180,130,0,0.2)!important;color:#5A5A5A!important}
html.light-mode .grid-3,html.light-mode .grid-2,html.light-mode .grid-4{background:rgba(180,130,0,0.15)!important}
html.light-mode .sec-title{color:#0A0A0A!important}
html.light-mode .sec-intro{color:#2C2C2C!important}
html.light-mode .page-banner{background:#2C2018!important}
html.light-mode .cookie-banner{background:#FFFFFF!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .cookie-text{color:#2C2C2C!important}
html.light-mode .btt-btn{background:#FFFFFF!important;border-color:rgba(180,130,0,0.3)!important;color:var(--gold)!important}
html.light-mode .mega-menu{background:#FFFFFF!important;border-left-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-header{background:#FFFFFF!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-link{color:#2C2C2C!important}
html.light-mode .mega-link:hover{background:rgba(180,130,0,0.08)!important;color:var(--gold)!important}
html.light-mode .mega-full-link{color:#2C2C2C!important}
html.light-mode .mega-section-title{color:var(--gold)!important;border-bottom-color:rgba(180,130,0,0.25)!important}
html.light-mode .mega-cta-row{background:#F5F0E8!important;border-top-color:rgba(180,130,0,0.25)!important}
html.light-mode .dm-toggle{background:#F0EBE0!important;border-color:rgba(180,130,0,0.3)!important}
html.light-mode .dm-toggle-label{color:#5A5A5A!important}
html.light-mode #google_translate_element select.goog-te-combo{background:#FFFFFF!important;color:var(--gold)!important}

/* MEGA MENU */
.mega-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:399;opacity:0;pointer-events:none;transition:opacity 0.3s;backdrop-filter:blur(4px)}
.mega-overlay.open{opacity:1;pointer-events:all}
.mega-menu{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);background:var(--off-black);border-left:1px solid var(--border);z-index:400;transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;display:flex;flex-direction:column}
.mega-menu.open{transform:translateX(0)}
.mega-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--border);flex-shrink:0}
.mega-logo{height:32px;display:block}
.mega-header-right{display:flex;align-items:center;gap:12px}
.mega-close{background:none;border:1px solid var(--border);color:var(--muted);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;border-radius:2px;transition:all 0.2s}
.mega-close:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}
.dm-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;background:var(--dark);border:1px solid var(--border);padding:6px 12px;border-radius:20px;transition:all 0.2s;user-select:none}
.dm-toggle:hover{border-color:var(--gold)}
.dm-toggle-icon{font-size:14px}
.dm-toggle-label{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}
.dm-track{width:36px;height:20px;background:var(--mid);border-radius:10px;position:relative;border:1px solid var(--border);transition:background 0.3s;flex-shrink:0}
.dm-track.on{background:var(--gold)}
.dm-thumb{width:14px;height:14px;border-radius:50%;background:var(--muted);position:absolute;top:2px;left:2px;transition:transform 0.3s,background 0.3s}
.dm-track.on .dm-thumb{transform:translateX(16px);background:var(--black)}
.mega-body{padding:28px;flex:1}
.mega-section-title{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:12px;margin-top:24px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.mega-section-title:first-child{margin-top:0}
.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px}
.mega-link{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:var(--light);font-size:14px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:all 0.2s}
.mega-link:hover{background:rgba(230,168,23,0.08);border-color:var(--border);color:var(--gold)}
.mega-link-icon{font-size:18px;flex-shrink:0;width:28px;text-align:center}
.mega-link-label{display:block;font-size:14px;font-weight:700}
.mega-link-sub{display:block;font-size:11px;color:var(--muted);margin-top:1px;font-weight:400}
.mega-full-link{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:var(--light);font-size:14px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:all 0.2s}
.mega-full-link:hover{background:rgba(230,168,23,0.08);border-color:var(--border);color:var(--gold)}
.mega-cta-row{display:flex;gap:10px;padding:20px 28px;border-top:1px solid var(--border);flex-shrink:0}
.mega-cta-row .btn-sub,.mega-cta-row .btn-out{flex:1;text-align:center;display:block;padding:12px}

/* COOKIE + BTT */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--off-black);border-top:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.4s ease;box-shadow:0 -4px 24px rgba(0,0,0,0.4)}
.cookie-banner.show{transform:translateY(0)}
.cookie-text{font-size:13px;color:var(--light);line-height:1.5;flex:1;min-width:200px}
.cookie-text a{color:var(--gold);text-decoration:none}
.cookie-actions{display:flex;gap:8px;flex-shrink:0}
.cookie-accept{background:var(--gold);color:var(--black);border:none;padding:9px 22px;font-family:var(--font-b);font-size:12px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s}
.cookie-accept:hover{background:var(--gold-light)}
.cookie-decline{background:transparent;color:var(--muted);border:1px solid var(--border);padding:9px 18px;font-family:var(--font-b);font-size:12px;font-weight:600;cursor:pointer;border-radius:2px;transition:all 0.2s}
.btt-btn{position:fixed;bottom:100px;right:28px;z-index:8000;width:44px;height:44px;background:var(--off-black);border:1px solid var(--border);color:var(--gold);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;opacity:0;pointer-events:none;transition:all 0.3s;box-shadow:0 4px 16px rgba(0,0,0,0.4)}
.btt-btn.visible{opacity:1;pointer-events:all}
.btt-btn:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}

/* MOBILE */
@media(max-width:1100px){.nav-links{gap:14px}.nav-links a{font-size:11px}}
@media(max-width:900px){.nav-links{display:none}}
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{gap:6px}
  .btn-sub{padding:8px 12px;font-size:11px}
  .btn-out{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .section{padding:48px 0}
  .grid-3,.grid-2{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr 1fr}
  .translate-bar{padding:7px 16px;gap:10px}
  #google_translate_element select.goog-te-combo{min-width:140px!important;font-size:12px!important}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .grid-4{grid-template-columns:1fr}
  .tbar-label,.tbar-divider{display:none}
  #google_translate_element select.goog-te-combo{min-width:130px!important;font-size:12px!important}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
  .btt-btn{bottom:80px;right:12px}
}

/* Floating Chat Button */
.chat-fab{
  position:fixed;bottom:28px;right:28px;z-index:9999;
  width:60px;height:60px;border-radius:50%;
  background:#1A1A1A;
  border:3px solid var(--gold);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 24px rgba(0,0,0,0.5);
  transition:transform 0.2s,box-shadow 0.2s;
}
.chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 32px rgba(0,0,0,0.6)}
.chat-fab svg{width:30px;height:30px;fill:var(--gold)}
.chat-fab-notif{
  position:absolute;top:2px;right:2px;
  width:14px;height:14px;border-radius:50%;
  background:#E63946;border:2px solid var(--black);
}

/* Chat Popup */
.chat-popup{
  position:fixed;bottom:100px;right:28px;z-index:9998;
  width:340px;
  background:var(--off-black);
  border:1px solid rgba(230,168,23,0.35);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 12px 48px rgba(0,0,0,0.7);
  display:none;
  flex-direction:column;
  font-family:var(--font-b);
  animation:chatSlideUp 0.25s ease;
}
.chat-popup.open{display:flex}
@keyframes chatSlideUp{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}

/* Popup Header */
.cp-header{
  background:var(--off-black);
  padding:18px 20px;
  display:flex;align-items:center;gap:12px;
  border-bottom:1px solid rgba(230,168,23,0.15);
  position:relative;
}
.cp-avatar{
  width:42px;height:42px;border-radius:50%;
  background:#1A1A1A;border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.cp-avatar svg{width:24px;height:24px;fill:var(--gold)}
.cp-title{flex:1}
.cp-title strong{display:block;font-size:14px;font-weight:700;color:var(--white);margin-bottom:2px}
.cp-title span{font-size:12px;color:rgba(230,168,23,0.8)}
.cp-close{
  width:28px;height:28px;border-radius:50%;
  background:rgba(255,255,255,0.08);
  border:none;cursor:pointer;
  color:var(--light);font-size:16px;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.2s;
}
.cp-close:hover{background:rgba(255,255,255,0.15)}

/* Greeting card */
.cp-greeting{
  padding:16px 20px;
  border-bottom:1px solid rgba(230,168,23,0.1);
  font-size:14px;
  color:rgba(255,255,255,0.85);
  line-height:1.5;
  background:var(--dark);
}
.cp-greeting strong{color:var(--white);display:block;font-size:15px;margin-bottom:3px}

/* Chat CTA button */
.cp-chat-btn{
  margin:16px 20px;
  background:#1A1A1A;
  border:2px solid var(--gold);
  border-radius:8px;
  padding:12px 18px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-b);font-size:14px;font-weight:700;
  color:var(--white);cursor:pointer;
  transition:background 0.2s,transform 0.15s;
}
.cp-chat-btn:hover{background:#222222;transform:scale(1.01)}
.cp-chat-btn svg{width:18px;height:18px;fill:var(--gold)}

/* Chat messages area (shown after clicking "Chat with AI") */
.cp-messages{
  flex:1;padding:16px 16px 8px;
  display:flex;flex-direction:column;gap:10px;
  max-height:240px;overflow-y:auto;
  display:none;
}
.cp-messages.visible{display:flex}
.cp-msg{display:flex;gap:8px;align-items:flex-end}
.cp-msg-av{
  width:26px;height:26px;border-radius:50%;
  background:#1A1A1A;border:1px solid var(--gold);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;margin-bottom:2px;
}
.cp-msg-av svg{width:14px;height:14px;fill:var(--gold)}
.cp-msg-bubble{
  background:var(--off-black);
  padding:9px 12px;font-size:13px;color:rgba(255,255,255,0.88);
  border-radius:4px 12px 12px 12px;line-height:1.5;
  max-width:240px;
}
.cp-msg.user-msg{flex-direction:row-reverse}
.cp-msg.user-msg .cp-msg-bubble{
  background:rgba(230,168,23,0.15);
  border:1px solid rgba(230,168,23,0.2);
  border-radius:12px 4px 12px 12px;
  color:var(--white);
}
.cp-typing{display:flex;gap:4px;padding:4px 0}
.cp-typing span{
  width:7px;height:7px;border-radius:50%;
  background:var(--gold);opacity:0.5;
  animation:typing 1.2s infinite;
}
.cp-typing span:nth-child(2){animation-delay:0.2s}
.cp-typing span:nth-child(3){animation-delay:0.4s}
@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:0.5}30%{transform:translateY(-5px);opacity:1}}

/* Input area */
.cp-input-row{
  padding:12px 14px;
  border-top:1px solid rgba(230,168,23,0.12);
  display:flex;gap:8px;
  display:none;
}
.cp-input-row.visible{display:flex}
.cp-input{
  flex:1;background:rgba(255,255,255,0.07);
  border:1px solid rgba(230,168,23,0.25);border-radius:6px;
  padding:9px 12px;font-size:13px;color:var(--white);
  font-family:var(--font-b);outline:none;
  transition:border-color 0.2s;
}
.cp-input:focus{border-color:var(--gold)}
.cp-input::placeholder{color:rgba(255,255,255,0.35)}
.cp-send{
  background:var(--gold);color:var(--black);
  border:none;border-radius:6px;
  width:36px;height:36px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.2s;flex-shrink:0;
}
.cp-send:hover{background:var(--gold-light)}
.cp-send svg{width:16px;height:16px;fill:var(--black)}


.section{padding:80px 0;border-bottom:1px solid var(--border)}
.section-alt{background:var(--dark)}
.intro-block{max-width:820px;margin:0 auto 56px;text-align:center;padding:0 24px}
.intro-block h2{font-family:var(--font-d);font-size:clamp(26px,3.5vw,40px);font-weight:900;color:var(--white);margin-bottom:16px;line-height:1.15}
.intro-block h2 em{font-style:italic;color:var(--gold)}
.intro-block p{font-size:16px;color:var(--light);line-height:1.8;font-weight:300;margin-bottom:12px}
.topic-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}
.tl-item{background:var(--off-black);border:1px solid var(--border);padding:7px 16px;font-size:12px;font-weight:600;color:var(--muted);border-radius:20px;cursor:pointer;transition:all 0.2s;text-decoration:none}
.tl-item:hover{border-color:var(--gold);color:var(--gold)}
.cta-section{padding:72px 24px;text-align:center;border-bottom:1px solid var(--border)}
.cta-section h2{font-family:var(--font-d);font-size:clamp(24px,3vw,38px);font-weight:900;color:var(--white);margin-bottom:12px}
.cta-section h2 em{font-style:italic;color:var(--gold)}
.cta-section p{font-size:16px;color:var(--light);margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7;font-weight:300}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.closing-section{padding:64px 24px;text-align:center;background:var(--dark);border-bottom:1px solid var(--border)}
.closing-section p{font-size:16px;color:var(--light);line-height:1.8;max-width:700px;margin:0 auto;font-weight:300}
html.light-mode .section{background:#F5F0E8!important}
html.light-mode .section-alt{background:#EDE7DD!important}
html.light-mode .intro-block h2{color:#0A0A0A!important}
html.light-mode .intro-block p{color:#2C2C2C!important}
html.light-mode .card h2,html.light-mode .card h3{color:#0A0A0A!important}
html.light-mode .card p{color:#2C2C2C!important}
html.light-mode .tl-item{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important;color:#5A5A5A!important}
html.light-mode .cta-section{background:#F5F0E8!important}
html.light-mode .cta-section h2{color:#0A0A0A!important}
html.light-mode .cta-section p{color:#2C2C2C!important}
html.light-mode .closing-section{background:#EDE7DD!important}
html.light-mode .closing-section p{color:#2C2C2C!important}
@media(max-width:768px){.section{padding:48px 0}.cta-section{padding:48px 16px}.intro-block{margin-bottom:36px}}

/* ── NL_CONFIRM ── */
.confirm-wrap{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:60px 24px;position:relative;overflow:hidden}
.confirm-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.07;filter:grayscale(60%)}
.confirm-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(26,26,26,0.5) 0%,rgba(10,10,10,0.96) 70%)}
.confirm-card{position:relative;z-index:2;max-width:560px;width:100%;background:var(--off-black);border:1px solid var(--border);padding:52px;text-align:center}
.confirm-icon{width:72px;height:72px;border-radius:50%;background:rgba(230,168,23,0.12);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 24px}
.confirm-eyebrow{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:12px}
.confirm-title{font-family:var(--font-d);font-size:30px;font-weight:900;color:var(--white);margin-bottom:14px;line-height:1.15}
.confirm-title em{font-style:italic;color:var(--gold)}
.confirm-text{font-size:15px;color:var(--light);line-height:1.7;margin-bottom:28px;font-weight:300}
.confirm-email-badge{background:var(--dark);border:1px solid var(--border);padding:12px 20px;font-size:14px;color:var(--gold);font-weight:700;margin-bottom:28px;display:inline-block}
.confirm-steps{background:var(--dark);padding:24px;text-align:left;margin-bottom:32px}
.confirm-steps h4{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:14px}
.confirm-step{display:flex;gap:14px;margin-bottom:12px;align-items:flex-start;font-size:14px;color:var(--light)}
.confirm-step:last-child{margin-bottom:0}
.step-num{width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--black);font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.confirm-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.confirm-social{display:flex;gap:8px;justify-content:center;margin-top:24px}
.csoc-btn{background:var(--dark);border:1px solid var(--border);color:var(--muted);padding:8px 16px;font-size:12px;font-weight:700;cursor:pointer;border-radius:2px;transition:all 0.2s;text-decoration:none}
.csoc-btn:hover{border-color:var(--gold);color:var(--gold)}

@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}.nav-links li{width:100%;border-bottom:1px solid var(--border)}.nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}.hamburger{display:flex}.ft-top{grid-template-columns:1fr 1fr;gap:28px}.page-banner{padding:44px 16px}.translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}.tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}.chat-fab{bottom:16px;right:16px}
}

/* Cookie Banner */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--off-black);border-top:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.4s ease;box-shadow:0 -4px 24px rgba(0,0,0,0.4)}
.cookie-banner.show{transform:translateY(0)}
.cookie-text{font-size:13px;color:var(--light);line-height:1.5;flex:1;min-width:200px}
.cookie-text a{color:var(--gold);text-decoration:none}
.cookie-text a:hover{text-decoration:underline}
.cookie-actions{display:flex;gap:8px;flex-shrink:0}
.cookie-accept{background:var(--gold);color:var(--black);border:none;padding:9px 22px;font-family:var(--font-b);font-size:12px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s}
.cookie-accept:hover{background:var(--gold-light)}
.cookie-decline{background:transparent;color:var(--muted);border:1px solid var(--border);padding:9px 18px;font-family:var(--font-b);font-size:12px;font-weight:600;cursor:pointer;border-radius:2px;transition:all 0.2s}
.cookie-decline:hover{border-color:var(--muted);color:var(--light)}
@media(max-width:480px){.cookie-banner{flex-direction:column;align-items:stretch}.cookie-actions{flex-direction:column}}

/* Back to Top */
.btt-btn{position:fixed;bottom:100px;right:28px;z-index:8000;width:44px;height:44px;background:var(--off-black);border:1px solid var(--border);color:var(--gold);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;opacity:0;pointer-events:none;transition:all 0.3s;box-shadow:0 4px 16px rgba(0,0,0,0.4)}
.btt-btn.visible{opacity:1;pointer-events:all}
.btt-btn:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}
@media(max-width:480px){.btt-btn{bottom:80px;right:12px}}

/* ── PODCAST ── */
.pod-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.pod-section{padding:72px 0}
.pod-featured{display:grid;grid-template-columns:360px 1fr;gap:48px;align-items:center;padding:56px 0;border-bottom:1px solid var(--border)}
.pod-cover{position:relative}
.pod-cover img{width:100%;aspect-ratio:1;object-fit:cover;display:block;filter:brightness(0.75)}
.pod-cover-overlay{position:absolute;inset:0;background:rgba(10,10,10,0.2)}
.pod-cover-badge{position:absolute;top:14px;left:14px;background:var(--gold);color:var(--black);font-size:9px;font-weight:900;letter-spacing:0.12em;text-transform:uppercase;padding:5px 12px}
.pod-info .pod-label{font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:12px}
.pod-info h2{font-family:var(--font-d);font-size:clamp(24px,3vw,38px);font-weight:900;color:var(--white);line-height:1.15;margin-bottom:14px}
.pod-info h2 em{font-style:italic;color:var(--gold)}
.pod-info p{font-size:15px;color:var(--light);line-height:1.7;margin-bottom:24px;font-weight:300}
.pod-meta-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.pod-meta-item{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:0.06em}
.pod-meta-item::before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:var(--gold)}
.player{background:var(--off-black);border:1px solid var(--border);padding:20px}
.player-track{font-size:12px;color:var(--muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:0.06em}
.player-title{font-size:15px;font-weight:700;color:var(--white);margin-bottom:14px}
.player-progress{height:4px;background:var(--border);border-radius:2px;margin-bottom:10px;cursor:pointer;position:relative;overflow:hidden}
.player-fill{height:100%;background:var(--gold);border-radius:2px;width:35%}
.player-times{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:16px}
.player-controls{display:flex;align-items:center;justify-content:center;gap:16px}
.pc-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:18px;transition:color 0.2s;padding:8px}
.pc-btn:hover{color:var(--light)}
.pc-play{width:48px;height:48px;border-radius:50%;background:var(--gold);color:var(--black);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background 0.2s}
.pc-play:hover{background:var(--gold-light)}
.pod-episodes{margin-top:48px}
.episode-list{display:flex;flex-direction:column;gap:1px;background:var(--border)}
.episode-item{background:var(--off-black);display:grid;grid-template-columns:auto 1fr auto;gap:20px;padding:20px 24px;align-items:center;cursor:pointer;transition:background 0.2s}
.episode-item:hover{background:var(--dark)}
.ep-num{font-family:var(--font-d);font-size:22px;font-weight:900;color:rgba(230,168,23,0.2);width:32px;text-align:center;flex-shrink:0}
.episode-item:hover .ep-num{color:var(--gold)}
.ep-body{}
.ep-label{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:4px}
.ep-title{font-size:16px;font-weight:700;color:var(--white);margin-bottom:5px;transition:color 0.2s}
.episode-item:hover .ep-title{color:var(--gold)}
.ep-desc{font-size:13px;color:var(--muted);line-height:1.5}
.ep-meta{font-size:11px;color:var(--muted);text-align:right;white-space:nowrap}
.ep-play-btn{width:36px;height:36px;border-radius:50%;background:var(--dark);border:1px solid var(--border);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all 0.2s;margin-top:6px;margin-left:auto}
.ep-play-btn:hover{background:var(--gold);border-color:var(--gold);color:var(--black)}
.pod-subscribe-row{display:flex;gap:12px;margin-top:40px;flex-wrap:wrap}
.pod-platform-btn{display:inline-flex;align-items:center;gap:8px;background:var(--off-black);border:1px solid var(--border);color:var(--light);padding:11px 18px;font-family:var(--font-b);font-size:13px;font-weight:600;cursor:pointer;border-radius:2px;text-decoration:none;transition:all 0.2s}
.pod-platform-btn:hover{border-color:var(--gold);color:var(--gold)}
@media(max-width:768px){
  .pod-featured{grid-template-columns:1fr}
  .pod-cover{max-width:280px}
  .episode-item{grid-template-columns:auto 1fr}
  .ep-meta{display:none}
  .pod-section{padding:40px 0}
}


@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ── PRIVACY ── */
.legal-wrap{max-width:820px;margin:0 auto;padding:60px 24px 80px}
.legal-wrap h2{font-family:var(--font-d);font-size:22px;font-weight:800;color:var(--white);margin:36px 0 12px}
.legal-wrap h3{font-size:16px;font-weight:700;color:var(--gold);margin:24px 0 8px;text-transform:uppercase;letter-spacing:0.06em}
.legal-wrap p{font-size:15px;color:var(--light);line-height:1.8;margin-bottom:16px;font-weight:300}
.legal-wrap ul{margin:0 0 16px 20px;display:flex;flex-direction:column;gap:8px}
.legal-wrap ul li{font-size:15px;color:var(--light);line-height:1.7;font-weight:300}
.legal-wrap a{color:var(--gold);text-decoration:none}
.legal-wrap a:hover{text-decoration:underline}
.legal-meta{font-size:12px;color:var(--muted);margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border);display:flex;gap:24px;flex-wrap:wrap}
.legal-toc{background:var(--off-black);border:1px solid var(--border);padding:24px;margin-bottom:40px}
.legal-toc h4{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:14px}
.legal-toc ol{padding-left:18px;display:flex;flex-direction:column;gap:6px}
.legal-toc li{font-size:13px;color:var(--muted)}
.legal-toc a{color:var(--muted);text-decoration:none;transition:color 0.2s}
.legal-toc a:hover{color:var(--gold)}
.legal-section{padding-top:8px;border-top:1px solid var(--border);margin-top:32px}


@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ── PWD_RESET ── */
.reset-wrap{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:60px 24px;position:relative;overflow:hidden}
.reset-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.07;filter:grayscale(60%)}
.reset-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(26,26,26,0.5) 0%,rgba(10,10,10,0.96) 70%)}
.reset-card{position:relative;z-index:2;max-width:440px;width:100%;background:var(--off-black);border:1px solid var(--border);padding:44px}
.reset-logo{display:block;height:34px;margin:0 auto 28px}
.reset-step-indicator{display:flex;gap:0;margin-bottom:32px;overflow:hidden;border-radius:2px}
.rst-step{flex:1;height:3px;background:var(--border)}
.rst-step.done{background:var(--gold)}
.rst-step.active{background:var(--gold-light)}
.reset-icon{font-size:36px;text-align:center;margin-bottom:14px}
.reset-title{font-family:var(--font-d);font-size:24px;font-weight:900;color:var(--white);text-align:center;margin-bottom:6px}
.reset-title em{font-style:italic;color:var(--gold)}
.reset-sub{font-size:13px;color:var(--muted);text-align:center;margin-bottom:28px;line-height:1.55}
.reset-field{margin-bottom:16px}
.reset-field label{display:block;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:6px}
.reset-field input{width:100%;background:var(--dark);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:15px;padding:13px 14px;outline:none;transition:border-color 0.2s;border-radius:2px}
.reset-field input:focus{border-color:var(--gold)}
.reset-field input::placeholder{color:var(--muted)}
.pw-strength{height:3px;background:var(--border);margin-top:6px;border-radius:2px;overflow:hidden}
.pw-strength-bar{height:100%;width:0%;transition:width 0.3s,background 0.3s;border-radius:2px}
.pw-strength-label{font-size:11px;color:var(--muted);margin-top:4px}
.reset-submit{width:100%;background:var(--gold);color:var(--black);border:none;padding:15px;font-family:var(--font-b);font-size:14px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s;margin-top:4px}
.reset-submit:hover{background:var(--gold-light)}
.reset-back{display:block;text-align:center;font-size:13px;color:var(--muted);text-decoration:none;margin-top:18px;transition:color 0.2s}
.reset-back:hover{color:var(--gold)}
.reset-success{display:none;text-align:center}
.reset-success.show{display:block}
.reset-form-view{display:block}
.reset-form-view.hide{display:none}

@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}.nav-links li{width:100%;border-bottom:1px solid var(--border)}.nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}.hamburger{display:flex}.ft-top{grid-template-columns:1fr 1fr;gap:28px}.page-banner{padding:44px 16px}.translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}.tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}.chat-fab{bottom:16px;right:16px}
}

/* Cookie Banner */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--off-black);border-top:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.4s ease;box-shadow:0 -4px 24px rgba(0,0,0,0.4)}
.cookie-banner.show{transform:translateY(0)}
.cookie-text{font-size:13px;color:var(--light);line-height:1.5;flex:1;min-width:200px}
.cookie-text a{color:var(--gold);text-decoration:none}
.cookie-text a:hover{text-decoration:underline}
.cookie-actions{display:flex;gap:8px;flex-shrink:0}
.cookie-accept{background:var(--gold);color:var(--black);border:none;padding:9px 22px;font-family:var(--font-b);font-size:12px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s}
.cookie-accept:hover{background:var(--gold-light)}
.cookie-decline{background:transparent;color:var(--muted);border:1px solid var(--border);padding:9px 18px;font-family:var(--font-b);font-size:12px;font-weight:600;cursor:pointer;border-radius:2px;transition:all 0.2s}
.cookie-decline:hover{border-color:var(--muted);color:var(--light)}
@media(max-width:480px){.cookie-banner{flex-direction:column;align-items:stretch}.cookie-actions{flex-direction:column}}

/* Back to Top */
.btt-btn{position:fixed;bottom:100px;right:28px;z-index:8000;width:44px;height:44px;background:var(--off-black);border:1px solid var(--border);color:var(--gold);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;opacity:0;pointer-events:none;transition:all 0.3s;box-shadow:0 4px 16px rgba(0,0,0,0.4)}
.btt-btn.visible{opacity:1;pointer-events:all}
.btt-btn:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}
@media(max-width:480px){.btt-btn{bottom:80px;right:12px}}

/* ── REGISTER ── */
.auth-wrap{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:60px 24px;position:relative;overflow:hidden}
.auth-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.08;filter:grayscale(50%)}
.auth-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(26,26,26,0.6) 0%,rgba(10,10,10,0.95) 70%)}
.auth-card{position:relative;z-index:2;width:100%;max-width:440px;background:var(--off-black);border:1px solid var(--border);padding:44px}
.auth-logo{display:block;height:36px;margin:0 auto 28px}
.auth-title{font-family:var(--font-d);font-size:26px;font-weight:900;color:var(--white);text-align:center;margin-bottom:6px}
.auth-title em{font-style:italic;color:var(--gold)}
.auth-sub{font-size:14px;color:var(--muted);text-align:center;margin-bottom:32px}
.auth-field{margin-bottom:16px}
.auth-field label{display:block;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:6px}
.auth-field input{width:100%;background:var(--dark);border:1px solid var(--border);color:var(--white);font-family:var(--font-b);font-size:15px;padding:13px 14px;outline:none;transition:border-color 0.2s;border-radius:2px}
.auth-field input:focus{border-color:var(--gold)}
.auth-field input::placeholder{color:var(--muted)}
.auth-forgot{display:block;text-align:right;font-size:12px;color:var(--muted);text-decoration:none;margin-top:6px;transition:color 0.2s}
.auth-forgot:hover{color:var(--gold)}
.auth-submit{width:100%;background:var(--gold);color:var(--black);border:none;padding:15px;font-family:var(--font-b);font-size:14px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s;margin-top:8px}
.auth-submit:hover{background:var(--gold-light)}
.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--muted);font-size:12px}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--border)}
.auth-social{display:flex;gap:10px}
.social-login-btn{flex:1;background:var(--dark);border:1px solid var(--border);color:var(--light);font-family:var(--font-b);font-size:13px;font-weight:600;padding:12px;cursor:pointer;border-radius:2px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.2s}
.social-login-btn:hover{border-color:var(--gold);color:var(--white)}
.auth-footer{text-align:center;margin-top:24px;font-size:13px;color:var(--muted)}
.auth-footer a{color:var(--gold);text-decoration:none;font-weight:600}
.auth-footer a:hover{text-decoration:underline}
.auth-benefits{position:relative;z-index:2;max-width:380px;padding:0 32px;display:none}
@media(min-width:900px){
  .auth-wrap{gap:64px}
  .auth-benefits{display:block}
}
.benefit-item{display:flex;gap:14px;margin-bottom:28px;align-items:flex-start}
.benefit-icon{width:40px;height:40px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.benefit-text h4{font-size:15px;font-weight:700;color:var(--white);margin-bottom:3px}
.benefit-text p{font-size:13px;color:var(--muted);line-height:1.55}
.auth-tagline{font-family:var(--font-d);font-size:28px;font-weight:900;color:var(--white);line-height:1.2;margin-bottom:28px}
.auth-tagline em{font-style:italic;color:var(--gold)}


@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ── SEARCH ── */
.search-hero{background:var(--off-black);border-bottom:1px solid var(--border);padding:48px 24px}
.search-hero-inner{max-width:1100px;margin:0 auto}
.search-hero-label{font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:14px}
.search-form{display:flex;gap:0;max-width:700px}
.search-input{flex:1;background:var(--dark);border:1px solid var(--border);border-right:none;color:var(--white);font-family:var(--font-d);font-size:22px;font-weight:400;padding:16px 22px;outline:none;transition:border-color 0.2s}
.search-input:focus{border-color:var(--gold)}
.search-input::placeholder{color:var(--muted)}
.search-btn{background:var(--gold);color:var(--black);border:none;padding:16px 28px;font-family:var(--font-b);font-size:13px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;transition:background 0.2s;flex-shrink:0}
.search-btn:hover{background:var(--gold-light)}
.search-meta{font-size:13px;color:var(--muted);margin-top:14px}
.search-meta strong{color:var(--white)}
.search-section{padding:56px 0}
.search-filters{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap;align-items:center}
.filter-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-right:4px}
.filter-pill{background:none;border:1px solid var(--border);color:var(--muted);font-family:var(--font-b);font-size:12px;font-weight:600;padding:6px 16px;cursor:pointer;border-radius:20px;transition:all 0.2s}
.filter-pill:hover{border-color:var(--gold);color:var(--gold)}
.filter-pill.active{background:var(--gold);border-color:var(--gold);color:var(--black)}
.search-results{display:flex;flex-direction:column;gap:1px;background:var(--border)}
.result-item{background:var(--off-black);display:grid;grid-template-columns:1fr 200px;gap:0;transition:background 0.2s;cursor:pointer;overflow:hidden}
.result-item:hover{background:var(--dark)}
.result-body{padding:28px 32px}
.result-tag{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:8px}
.result-title{font-family:var(--font-d);font-size:22px;font-weight:800;line-height:1.2;color:var(--white);margin-bottom:10px;transition:color 0.2s}
.result-item:hover .result-title{color:var(--gold)}
.result-excerpt{font-size:14px;color:var(--light);line-height:1.65;margin-bottom:14px;font-weight:300}
.result-meta{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;display:flex;gap:16px}
.result-meta strong{color:var(--light)}
.result-img{overflow:hidden}
.result-img img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(0.8);transition:filter 0.3s}
.result-item:hover .result-img img{filter:brightness(0.95)}
.search-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:48px 0 0}
.pg-btn{width:38px;height:38px;border:1px solid var(--border);background:none;color:var(--muted);font-family:var(--font-b);font-size:13px;font-weight:600;cursor:pointer;border-radius:2px;transition:all 0.2s}
.pg-btn:hover{border-color:var(--gold);color:var(--gold)}
.pg-btn.active{background:var(--gold);border-color:var(--gold);color:var(--black)}
.no-results{text-align:center;padding:80px 24px}
.no-results-icon{font-size:56px;margin-bottom:16px}
.no-results h3{font-family:var(--font-d);font-size:28px;font-weight:900;color:var(--white);margin-bottom:10px}
.no-results p{font-size:15px;color:var(--muted);margin-bottom:28px}
.search-suggest{background:var(--off-black);border:1px solid var(--border);padding:28px;margin-top:40px}
.search-suggest h4{font-size:13px;font-weight:700;color:var(--white);margin-bottom:14px;text-transform:uppercase;letter-spacing:0.08em}
.suggest-tags{display:flex;flex-wrap:wrap;gap:8px}
.suggest-tag{font-size:12px;color:var(--muted);border:1px solid var(--border);padding:5px 14px;cursor:pointer;transition:all 0.2s;border-radius:2px}
.suggest-tag:hover{color:var(--gold);border-color:var(--gold)}
@media(max-width:768px){
  .result-item{grid-template-columns:1fr}
  .result-img{display:none}
  .result-body{padding:20px}
  .search-section{padding:32px 0}
}

@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}.nav-links li{width:100%;border-bottom:1px solid var(--border)}.nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}.hamburger{display:flex}.ft-top{grid-template-columns:1fr 1fr;gap:28px}.page-banner{padding:44px 16px}.translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}.tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}.chat-fab{bottom:16px;right:16px}
}

/* Cookie Banner */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--off-black);border-top:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.4s ease;box-shadow:0 -4px 24px rgba(0,0,0,0.4)}
.cookie-banner.show{transform:translateY(0)}
.cookie-text{font-size:13px;color:var(--light);line-height:1.5;flex:1;min-width:200px}
.cookie-text a{color:var(--gold);text-decoration:none}
.cookie-text a:hover{text-decoration:underline}
.cookie-actions{display:flex;gap:8px;flex-shrink:0}
.cookie-accept{background:var(--gold);color:var(--black);border:none;padding:9px 22px;font-family:var(--font-b);font-size:12px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background 0.2s}
.cookie-accept:hover{background:var(--gold-light)}
.cookie-decline{background:transparent;color:var(--muted);border:1px solid var(--border);padding:9px 18px;font-family:var(--font-b);font-size:12px;font-weight:600;cursor:pointer;border-radius:2px;transition:all 0.2s}
.cookie-decline:hover{border-color:var(--muted);color:var(--light)}
@media(max-width:480px){.cookie-banner{flex-direction:column;align-items:stretch}.cookie-actions{flex-direction:column}}

/* Back to Top */
.btt-btn{position:fixed;bottom:100px;right:28px;z-index:8000;width:44px;height:44px;background:var(--off-black);border:1px solid var(--border);color:var(--gold);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;opacity:0;pointer-events:none;transition:all 0.3s;box-shadow:0 4px 16px rgba(0,0,0,0.4)}
.btt-btn.visible{opacity:1;pointer-events:all}
.btt-btn:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}
@media(max-width:480px){.btt-btn{bottom:80px;right:12px}}

/* ── SUBSCRIBE ── */
.sub-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.plans-section{padding:80px 0;border-bottom:1px solid var(--border)}
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin-bottom:56px}
.plan-card{background:var(--off-black);padding:40px 32px;display:flex;flex-direction:column;position:relative;transition:background 0.2s}
.plan-card:hover{background:var(--dark)}
.plan-card.featured{background:var(--dark);outline:1px solid var(--gold)}
.plan-popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--black);font-size:10px;font-weight:900;letter-spacing:0.12em;text-transform:uppercase;padding:4px 14px;white-space:nowrap}
.plan-type{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:10px}
.plan-card.featured .plan-type{color:var(--gold)}
.plan-name{font-family:var(--font-d);font-size:26px;font-weight:900;color:var(--white);margin-bottom:10px}
.plan-price{display:flex;align-items:flex-end;gap:3px;margin-bottom:4px}
.plan-curr{font-size:18px;font-weight:700;color:var(--muted);margin-bottom:8px}
.plan-amount{font-family:var(--font-d);font-size:52px;font-weight:900;color:var(--white);line-height:1}
.plan-card.featured .plan-amount{color:var(--gold)}
.plan-period{font-size:13px;color:var(--muted);margin-bottom:4px}
.plan-save{font-size:12px;color:var(--gold);font-weight:700;min-height:18px;margin-bottom:22px}
.plan-divider{width:36px;height:2px;background:var(--gold);margin-bottom:22px;opacity:0.4}
.plan-card.featured .plan-divider{opacity:1}
.plan-perks{list-style:none;display:flex;flex-direction:column;gap:11px;flex:1;margin-bottom:28px}
.plan-perks li{font-size:14px;color:var(--light);display:flex;align-items:flex-start;gap:10px;line-height:1.4}
.plan-perks li::before{content:'✓';color:var(--gold);font-weight:900;flex-shrink:0}
.plan-perks li.no{color:var(--muted)}
.plan-perks li.no::before{content:'✕';color:var(--muted)}
.plan-btn{display:block;text-align:center;padding:14px 24px;font-family:var(--font-b);font-size:13px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;border:none;cursor:pointer;text-decoration:none;transition:all 0.2s;border-radius:2px;margin-top:auto}
.plan-btn-gold{background:var(--gold);color:var(--black)}
.plan-btn-gold:hover{background:var(--gold-light)}
.plan-btn-outline{background:transparent;color:var(--gold);border:1px solid var(--gold)}
.plan-btn-outline:hover{background:var(--gold);color:var(--black)}
.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border);padding-top:40px}
.trust-item{text-align:center;padding:0 16px;border-right:1px solid var(--border)}
.trust-item:last-child{border-right:none}
.trust-icon{font-size:26px;margin-bottom:8px}
.trust-label{font-size:13px;font-weight:700;color:var(--white);margin-bottom:4px}
.trust-sub{font-size:11px;color:var(--muted)}
.compare-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--dark)}
.sec-heading{font-family:var(--font-d);font-size:30px;font-weight:900;color:var(--white);text-align:center;margin-bottom:8px}
.sec-sub{font-size:14px;color:var(--muted);text-align:center;margin-bottom:40px}
.compare-table{width:100%;border-collapse:collapse}
.compare-table th{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);font-weight:800;padding:12px 20px;text-align:left;border-bottom:1px solid var(--border)}
.compare-table th:not(:first-child){text-align:center}
.compare-table td{padding:13px 20px;font-size:14px;color:var(--light);border-bottom:1px solid rgba(230,168,23,0.07)}
.compare-table td:not(:first-child){text-align:center}
.compare-table tr:last-child td{border-bottom:none;font-weight:700}
.compare-table tr:hover td{background:rgba(230,168,23,0.03)}
.col-hot{background:rgba(230,168,23,0.04);border-left:1px solid var(--border);border-right:1px solid var(--border)}
.ck{color:var(--gold);font-size:16px;font-weight:900}
.cx{color:var(--muted)}
.faq-section{padding:80px 0}
.faq-wrap{max-width:700px;margin:0 auto;padding:0 24px}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{width:100%;background:none;border:none;padding:20px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-family:var(--font-b);font-size:15px;font-weight:600;color:var(--white);text-align:left;gap:16px;transition:color 0.2s}
.faq-q:hover{color:var(--gold)}
.faq-icon{color:var(--gold);font-size:22px;flex-shrink:0;transition:transform 0.3s;line-height:1;font-weight:300}
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.35s ease}
.faq-a-inner{padding:0 0 18px;font-size:14px;color:var(--muted);line-height:1.7}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-item.open .faq-a{max-height:200px}
@media(max-width:768px){
  .plans-grid{grid-template-columns:1fr}
  .plan-card{padding:28px 20px}
  .trust-row{grid-template-columns:1fr 1fr;gap:20px;border-top:none;padding-top:0}
  .trust-item{border-right:none;padding:16px;border:1px solid var(--border)}
  .plans-section,.compare-section,.faq-section{padding:48px 0}
  .compare-table th,.compare-table td{padding:10px 10px;font-size:12px}
}
@media(max-width:480px){
  .trust-row{grid-template-columns:1fr}
}

/* ── MOBILE ── */
@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

/* ── TERMS ── */
.legal-wrap{max-width:820px;margin:0 auto;padding:60px 24px 80px}
.legal-wrap h2{font-family:var(--font-d);font-size:22px;font-weight:800;color:var(--white);margin:36px 0 12px}
.legal-wrap h3{font-size:16px;font-weight:700;color:var(--gold);margin:24px 0 8px;text-transform:uppercase;letter-spacing:0.06em}
.legal-wrap p{font-size:15px;color:var(--light);line-height:1.8;margin-bottom:16px;font-weight:300}
.legal-wrap ul{margin:0 0 16px 20px;display:flex;flex-direction:column;gap:8px}
.legal-wrap ul li{font-size:15px;color:var(--light);line-height:1.7;font-weight:300}
.legal-wrap a{color:var(--gold);text-decoration:none}
.legal-wrap a:hover{text-decoration:underline}
.legal-meta{font-size:12px;color:var(--muted);margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border);display:flex;gap:24px;flex-wrap:wrap}
.legal-toc{background:var(--off-black);border:1px solid var(--border);padding:24px;margin-bottom:40px}
.legal-toc h4{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:14px}
.legal-toc ol{padding-left:18px;display:flex;flex-direction:column;gap:6px}
.legal-toc li{font-size:13px;color:var(--muted)}
.legal-toc a{color:var(--muted);text-decoration:none;transition:color 0.2s}
.legal-toc a:hover{color:var(--gold)}
.legal-section{padding-top:8px;border-top:1px solid var(--border);margin-top:32px}


@media(max-width:768px){
  .nav-inner{padding:0 16px;height:60px}
  .nav-links{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--off-black);flex-direction:column;align-items:flex-start;gap:0;padding:24px 0;overflow-y:auto;z-index:199;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%;border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:16px 24px;font-size:14px}
  .nav-cta{display:none}
  .hamburger{display:flex}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .page-banner{padding:44px 16px}
  .translate-bar{padding:7px 16px}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;gap:24px}
  .tbar-label,.tbar-divider{display:none}
  .chat-popup{width:calc(100vw - 24px);right:12px;bottom:88px}
  .chat-fab{bottom:16px;right:16px}
}

html.light-mode .btn-sub { background: var(--gold) !important; color: #0A0A0A !important; }
html.light-mode .btn-sub:hover { background: var(--gold-light) !important; color: #0A0A0A !important; }
html.light-mode .btn-out { background: transparent !important; color: var(--gold) !important; border-color: var(--gold) !important; }
html.light-mode .btn-out:hover { background: var(--gold) !important; color: #0A0A0A !important; }
html.light-mode .hero-cta-primary { background: var(--gold) !important; color: #0A0A0A !important; }
html.light-mode .hero-cta-secondary { background: transparent !important; color: #FFFFFF !important; border-color: rgba(255,255,255,0.5) !important; }
html.light-mode .cookie-accept { background: var(--gold) !important; color: #0A0A0A !important; }
html.light-mode .cookie-decline { background: transparent !important; color: #5A5A5A !important; border-color: rgba(180,130,0,0.3) !important; }
html.light-mode .donate-main-btn { background: #0A0A0A !important; color: var(--gold) !important; }
html.light-mode .nl-btn { background: var(--gold) !important; color: #0A0A0A !important; }
html.light-mode .prem-cta-sub { background: var(--gold) !important; color: #0A0A0A !important; }
html.light-mode .story-link { color: var(--gold) !important; }
html.light-mode .card-link { color: var(--gold) !important; }
html.light-mode .int-action { color: var(--gold) !important; }


.art-feat-img-wrap img {
  border-radius: 0 !important;
  height: auto !important;
  max-height: 580px !important;
}

/* ── Donate page light mode ── */
html.light-mode .don-wrap { background: #F5F0E8 !important; }
html.light-mode .donate-why { background: #EDE7DD !important; }
html.light-mode .donate-grid { background: rgba(180,130,0,0.12) !important; }
html.light-mode .donate-btn { background: var(--gold) !important; color: #0A0A0A !important; }
html.light-mode .freq-toggle { background: #E8E2D8 !important; border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .freq-btn { background: transparent !important; color: #5A5A5A !important; }
html.light-mode .freq-btn.active { background: var(--gold) !important; color: #0A0A0A !important; }
html.light-mode .test-section { background: #EDE7DD !important; }
html.light-mode .test-card { background: #FFFFFF !important; }
html.light-mode .test-quote { color: #0A0A0A !important; }
html.light-mode .test-name { color: #0A0A0A !important; }
html.light-mode .test-loc { color: #5A5A5A !important; }
html.light-mode .other-section { background: #F5F0E8 !important; }
html.light-mode .other-card { background: #FFFFFF !important; border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .other-link { color: var(--gold) !important; }
html.light-mode .sec-heading { color: #0A0A0A !important; }
html.light-mode .sec-sub { color: #2C2C2C !important; }

/* ── About page light mode ── */
html.light-mode .about-wrap { background: #F5F0E8 !important; }
html.light-mode .history-section { background: #EDE7DD !important; }
html.light-mode .partners-section { background: #F5F0E8 !important; }
html.light-mode .mission-grid { background: rgba(180,130,0,0.12) !important; }
html.light-mode .mission-img-caption { color: #5A5A5A !important; }

//donate page
html.light-mode .stats-bar { background: var(--gold) !important; }
html.light-mode .stat-num { color: #0A0A0A !important; }
html.light-mode .stat-label { color: rgba(0,0,0,0.65) !important; }

html.light-mode .pillar-icon { background: #0A0A0A !important; border-color: #0A0A0A !important; color: var(--gold) !important; }
html.light-mode .pillar-icon i { color: var(--gold) !important; }

/* ── article read page-banner ── */
html.light-mode .sidebar-widget { border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .sidebar-widget-title { background: #F0EBE0 !important; border-bottom-color: rgba(180,130,0,0.2) !important; }
html.light-mode .sidebar-widget-body { background: #FFFFFF !important; }
html.light-mode .sidebar-story { border-bottom-color: rgba(180,130,0,0.15) !important; }
html.light-mode .sidebar-story-text h5 { color: #0A0A0A !important; }
html.light-mode .sidebar-story:hover h5 { color: var(--gold) !important; }
html.light-mode .sidebar-nl { background: #FFFFFF !important; border-color: rgba(180,130,0,0.25) !important; }
html.light-mode .sidebar-nl p { color: #5A5A5A !important; }
html.light-mode .sidebar-nl-input { background: #F5F0E8 !important; border-color: rgba(180,130,0,0.3) !important; color: #0A0A0A !important; }
html.light-mode .sidebar-nl-input::placeholder { color: #8A8A8A !important; }

html.light-mode .related-section { border-top-color: rgba(180,130,0,0.2) !important; }
html.light-mode .related-grid { background: rgba(180,130,0,0.12) !important; }
html.light-mode .rel-card { background: #FFFFFF !important; }
html.light-mode .rel-card:hover { background: #F0EBE0 !important; }
html.light-mode .rel-card h4 { color: #0A0A0A !important; }
html.light-mode .rel-card:hover h4 { color: var(--gold) !important; }
html.light-mode .rel-card-meta { color: #5A5A5A !important; }


html.light-mode .paywall-box { background: #FFFFFF !important; border-color: var(--gold) !important; }
html.light-mode .paywall-box h3 { color: #0A0A0A !important; }
html.light-mode .paywall-box p { color: #5A5A5A !important; }
html.light-mode .paywall-login { color: #5A5A5A !important; }
html.light-mode .paywall-login a { color: var(--gold) !important; }
.paywall-box .btn-sub { color: #0A0A0A !important; }


/* event list layout */
/* ── Events list layout ── */
.ev-list { display: flex; flex-direction: column; gap: 1px; background: var(--border); }
.ev-item { display: flex; align-items: flex-start; gap: 24px; background: var(--off-black); padding: 28px 24px; transition: background 0.2s; }
.ev-item:hover { background: var(--dark); }
.ev-date-box { background: #1B4332; color: #FFFFFF; min-width: 64px; text-align: center; padding: 10px 8px; flex-shrink: 0; border-radius: 4px; }
.ev-month { font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gold); }
.ev-day { font-size: 32px; font-weight: 900; line-height: 1; }
.ev-year { font-size: 11px; font-weight: 600; opacity: 0.7; }
.ev-info { flex: 1; }
.ev-info h3 { font-family: var(--font-d); font-size: 18px; font-weight: 800; color: var(--white); margin-bottom: 8px; line-height: 1.3; }
.ev-meta { display: flex; gap: 18px; font-size: 12px; color: var(--muted); margin-bottom: 8px; flex-wrap: wrap; }
.ev-info p { font-size: 13px; color: var(--muted); line-height: 1.6; margin-bottom: 10px; }
.ev-tag { font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(27,67,50,0.5); color: #6FCF97; border: 1px solid rgba(111,207,151,0.3); }
.ev-tag-hybrid { background: rgba(230,168,23,0.12); color: var(--gold); border-color: rgba(230,168,23,0.3); }
.ev-tag-person { background: rgba(235,87,87,0.12); color: #EB5757; border-color: rgba(235,87,87,0.3); }
.ev-btn { align-self: center; flex-shrink: 0; }

/* Light mode */
html.light-mode .ev-list { background: rgba(180,130,0,0.12) !important; }
html.light-mode .ev-item { background: #FFFFFF !important; }
html.light-mode .ev-item:hover { background: #F0EBE0 !important; }
html.light-mode .ev-info h3 { color: #0A0A0A !important; }
html.light-mode .ev-meta { color: #5A5A5A !important; }
html.light-mode .ev-info p { color: #2C2C2C !important; }

@media(max-width: 768px) {
  .ev-item { flex-wrap: wrap; }
  .ev-btn { width: 100%; text-align: center; }
}

/* premium */
/* ── Premium Section ── */
.premium-section{padding:80px 0;border-bottom:1px solid var(--border);background:var(--off-black);position:relative;overflow:hidden}
.premium-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;flex-wrap:wrap;gap:12px}
.premium-label{display:flex;align-items:center;gap:14px}
.premium-badge-hdr{background:var(--gold);color:var(--black);font-size:9px;font-weight:900;letter-spacing:0.14em;text-transform:uppercase;padding:5px 12px;border-radius:2px}
.premium-lead{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:1px;background:var(--border)}
.prem-card{background:var(--off-black);overflow:hidden;cursor:pointer;transition:background 0.2s;display:flex;flex-direction:column;position:relative}
.prem-card:hover{background:var(--dark)}
.prem-card img{width:100%;height:200px;object-fit:cover;display:block;filter:brightness(0.75);transition:filter 0.3s}
.prem-card:hover img{filter:brightness(0.9)}
.prem-card.lead img{height:300px}
.prem-lock{position:absolute;top:12px;right:12px;background:var(--gold);color:var(--black);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}
.prem-body{padding:20px;flex:1;display:flex;flex-direction:column}
.prem-card.lead .prem-body{padding:24px 28px}
.prem-tag{font-size:9px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:7px;display:flex;align-items:center;gap:7px}
.prem-badge{background:rgba(230,168,23,0.15);color:var(--gold);font-size:8px;font-weight:900;letter-spacing:0.1em;text-transform:uppercase;padding:2px 7px;border-radius:2px}
.prem-card h3{font-family:var(--font-d);font-size:18px;font-weight:800;line-height:1.25;color:var(--white);margin-bottom:8px;transition:color 0.2s}
.prem-card.lead h3{font-size:clamp(18px,2vw,24px)}
.prem-card:hover h3{color:var(--gold)}
.prem-card p{font-size:13px;color:var(--light);line-height:1.6;font-weight:300;flex:1;margin-bottom:12px}
.prem-foot{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;margin-top:auto;padding-top:10px;border-top:1px solid var(--border);display:flex;justify-content:space-between}
.prem-foot strong{color:var(--light)}
.prem-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(10,10,10,0.97));padding:32px 20px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.prem-cta-sub{background:var(--gold);color:var(--black);border:none;padding:8px 18px;font-family:var(--font-b);font-size:11px;font-weight:900;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;text-decoration:none;display:inline-block}
.prem-unlock{font-size:11px;color:var(--muted)}
.prem-unlock strong{color:var(--gold)}
.premium-cta-strip{background:var(--dark);border:1px solid rgba(230,168,23,0.2);padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:1px;flex-wrap:wrap}
.pcs-left h4{font-family:var(--font-d);font-size:20px;font-weight:800;color:var(--white);margin-bottom:4px}
.pcs-left h4 em{font-style:italic;color:var(--gold)}
.pcs-left p{font-size:13px;color:var(--muted)}
.pcs-right{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}
@media(max-width:768px){
  .premium-lead{grid-template-columns:1fr}
  .prem-card.lead img{height:220px}
  .premium-cta-strip{flex-direction:column;align-items:flex-start}
}

/* subscribe section */
html.light-mode .trust-row { border-top-color: rgba(180,130,0,0.2) !important; }
html.light-mode .trust-item { border-color: rgba(180,130,0,0.2) !important; }
html.light-mode .trust-icon { color: var(--gold) !important; }
html.light-mode .trust-label { color: #0A0A0A !important; }
html.light-mode .trust-sub { color: #5A5A5A !important; }


/* home page tending section icon */
.topic-icon { color: var(--gold) !important; }
.topic-icon i { color: var(--gold) !important; }


@media(max-width:768px){
  .art-hero { overflow: visible !important; height: auto !important; }
  .art-hero-content { position: static !important; padding: 20px 16px !important; }
  .art-feat-img-wrap img { max-height: 240px !important; }
}


/* ── NEW SUBSCRIPTION PLANS ── */
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}
.plan-card{background:var(--off-black);border:1px solid var(--border);padding:32px 28px;display:flex;flex-direction:column;position:relative;transition:border-color 0.2s}
.plan-card:hover{border-color:var(--gold)}
.plan-card.featured{border-color:var(--gold);background:var(--dark)}
.plan-popular{background:var(--gold);color:#0A0A0A;font-size:10px;font-weight:900;letter-spacing:0.1em;text-transform:uppercase;padding:4px 12px;display:inline-block;margin-bottom:12px;border-radius:2px}
.founding-badge{background:#C0392B!important;color:#FFFFFF!important}
.plan-type{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:6px}
.plan-name{font-family:var(--font-d);font-size:22px;font-weight:800;color:var(--white);margin-bottom:4px}
.plan-desc{font-size:12px;color:var(--muted);margin-bottom:16px}
.plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}
.plan-curr{font-size:16px;font-weight:700;color:var(--gold)}
.plan-amount{font-size:36px;font-weight:900;color:var(--white);line-height:1}
.plan-period{font-size:12px;color:var(--muted);margin-bottom:16px}
.plan-annual-box{background:rgba(230,168,23,0.08);border:1px solid rgba(230,168,23,0.2);padding:12px 14px;margin-bottom:16px;border-radius:2px}
.plan-annual-label{font-size:11px;font-weight:700;color:var(--gold);margin-bottom:4px}
.plan-annual-regular{font-size:11px;color:var(--muted)}
.plan-annual-regular s{opacity:0.6}
.plan-annual-offer{font-size:16px;font-weight:900;color:var(--white);margin:4px 0}
.plan-annual-save{font-size:11px;color:#6FCF97}
.plan-founding-spots{font-size:12px;color:#EB5757;font-weight:700;margin-bottom:16px}
.plan-divider{border:none;border-top:1px solid var(--border);margin:16px 0}
.plan-perks-label{font-size:11px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.plan-perks{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;flex:1}
.plan-perks li{font-size:13px;color:var(--light);padding-left:20px;position:relative;line-height:1.5}
.plan-perks li::before{content:"✔";position:absolute;left:0;color:var(--gold);font-size:11px;font-weight:900}
.plan-perfect{margin-bottom:20px}
.plan-perfect-label{font-size:11px;color:var(--muted);margin-bottom:6px}
.plan-perfect-tags{display:flex;flex-wrap:wrap;gap:6px}
.plan-perfect-tags span{font-size:10px;background:rgba(255,255,255,0.06);color:var(--light);padding:3px 8px;border-radius:2px;border:1px solid var(--border)}
.plan-btn-gold{background:var(--gold);color:#0A0A0A;padding:12px 20px;font-size:12px;font-weight:900;letter-spacing:0.06em;text-transform:uppercase;text-align:center;text-decoration:none;display:block;border-radius:2px;margin-top:auto;transition:opacity 0.2s}
.plan-btn-gold:hover{opacity:0.85}
.founding-card{border-color:#C0392B}
.founding-card:hover{border-color:#E74C3C}

/* Founding counter */
.founding-counter{background:rgba(192,57,43,0.1);border:1px solid rgba(192,57,43,0.3);padding:20px 28px;margin-bottom:36px;border-radius:4px}
.founding-counter-inner{display:flex;align-items:center;gap:20px}
.founding-fire{font-size:32px}
.founding-title{font-size:13px;font-weight:800;color:var(--white);margin-bottom:8px;text-transform:uppercase;letter-spacing:0.06em}
.founding-bar-wrap{display:flex;align-items:center;gap:14px}
.founding-bar{flex:1;height:8px;background:rgba(255,255,255,0.1);border-radius:4px;min-width:200px}
.founding-bar-fill{height:100%;background:#C0392B;border-radius:4px}
.founding-remaining{font-size:12px;color:var(--muted);white-space:nowrap}

/* Corporate plan */
.corporate-plan{background:var(--dark);border:1px solid var(--border);padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-top:24px}
.corporate-left h3{font-family:var(--font-d);font-size:22px;font-weight:800;color:var(--white);margin-bottom:10px}
.corporate-left p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:16px;max-width:480px}
.corporate-perks{display:flex;flex-wrap:wrap;gap:8px}
.corporate-perks span{font-size:11px;background:rgba(230,168,23,0.1);color:var(--gold);border:1px solid rgba(230,168,23,0.25);padding:4px 10px;border-radius:2px}
.corporate-price{font-size:28px;font-weight:900;color:var(--white)}
.corporate-price strong{color:var(--gold)}

/* Compare table */
.compare-section{padding:60px 0;background:var(--off-black)}
.compare-table-wrap{overflow-x:auto}
.compare-table{width:100%;border-collapse:collapse}
.compare-table th{background:var(--dark);color:var(--gold);font-size:12px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;padding:16px 20px;text-align:center;border-bottom:2px solid var(--gold)}
.compare-table th:first-child{text-align:left}
.compare-table td{padding:14px 20px;font-size:13px;color:var(--light);border-bottom:1px solid var(--border);text-align:center}
.compare-table td:first-child{text-align:left;color:var(--white);font-weight:500}
.compare-table td.no{color:var(--muted)}
.compare-table tr:hover td{background:rgba(255,255,255,0.02)}

/* Light mode */
html.light-mode .plan-card{background:#FFFFFF!important;border-color:rgba(180,130,0,0.25)!important}
html.light-mode .plan-card.featured{background:#F5F0E8!important;border-color:var(--gold)!important}
html.light-mode .plan-name{color:#0A0A0A!important}
html.light-mode .plan-amount{color:#0A0A0A!important}
html.light-mode .plan-desc{color:#5A5A5A!important}
html.light-mode .plan-period{color:#5A5A5A!important}
html.light-mode .plan-annual-box{background:rgba(180,130,0,0.08)!important}
html.light-mode .plan-annual-offer{color:#0A0A0A!important}
html.light-mode .plan-perks li{color:#2C2C2C!important}
html.light-mode .plan-perfect-tags span{background:#F0EBE0!important;color:#5A5A5A!important;border-color:rgba(180,130,0,0.2)!important}
html.light-mode .corporate-plan{background:#EDE7DD!important}
html.light-mode .corporate-left h3{color:#0A0A0A!important}
html.light-mode .corporate-price{color:#0A0A0A!important}
html.light-mode .compare-section{background:#F5F0E8!important}
html.light-mode .compare-table th{background:#EDE7DD!important}
html.light-mode .compare-table td{color:#2C2C2C!important;border-color:rgba(180,130,0,0.15)!important}
html.light-mode .compare-table td:first-child{color:#0A0A0A!important}
html.light-mode .compare-table td.no{color:#8A8A8A!important}

html.light-mode .plan-btn-gold { background: var(--gold) !important; color: #0A0A0A !important; }
html.light-mode .plan-btn-gold:hover { background: var(--gold-light) !important; color: #0A0A0A !important; }
@media(max-width:1024px){.plans-grid{grid-template-columns:1fr}}
@media(max-width:768px){.corporate-plan{flex-direction:column}.founding-bar{min-width:120px}}

/* Fix login form styling */
#loginform { background: transparent !important; border: none !important; padding: 0 !important; }
#loginform p { margin-bottom: 16px; }
#loginform label { display: none; }
#user_login, #user_pass { 
    width: 100% !important; 
    padding: 12px 16px !important; 
    background: var(--mid) !important; 
    border: 1px solid var(--border) !important; 
    color: var(--white) !important; 
    font-size: 14px !important;
    border-radius: 4px !important;
    margin-top: 4px;
}
#rememberme { width: auto !important; margin-right: 8px; }
#wp-submit { 
    width: 100% !important; 
    padding: 13px !important; 
    background: var(--gold) !important; 
    border: none !important; 
    color: #0A0A0A !important; 
    font-weight: 900 !important; 
    font-size: 14px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    border-radius: 4px !important;
    margin-top: 8px !important;
}
#wp-submit:hover { opacity: 0.85 !important; }
.login-remember { display: flex; align-items: center; margin-bottom: 16px; color: var(--muted); font-size: 13px; }