:root {
    --primary: #ff0000;
    --black: #111;
    --white: #fff;
    --grey: #f7f7f7;
    --transition: all .3s ease;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
    font-family: 'Montserrat', sans-serif;
    background: #fff;
    color: var(--black);
    overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.top-bar {
    background: var(--black);
    color: #fff;
    padding: 10px 18px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    font-size: 11px;
    letter-spacing: .08em;
}
.lang-switcher { display: flex; gap: 10px; white-space: nowrap; }
.lang-switcher a { opacity: .6; }
.lang-switcher a.active { opacity: 1; font-weight: 800; border-bottom: 1px solid var(--primary); }
.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid #eee;
}
.site-nav {
    max-width: 1400px;
    margin: 0 auto;
    min-height: 78px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.logo-box {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
}
.logo-box span {
    font-size: 18px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
    border: 2px solid var(--black);
    padding: 8px 12px;
}
.mobile-toggle {
    display: none;
    background: transparent;
    border: none;
    font-size: 22px;
    cursor: pointer;
}
.nav-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex: 1;
}
.nav-links {
    list-style: none;
    display: flex;
    gap: 22px;
    padding: 0;
    margin: 0;
    align-items: center;
}
.nav-links.right { margin-left: auto; }
.nav-links a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: .08em;
}
.nav-links a:hover { color: var(--primary); }
.cart-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--primary);
    color: #fff;
    font-size: 10px;
    margin-left: 6px;
}
.btn-main, .btn-buy {
    transition: var(--transition);
}
.btn-main:hover, .btn-buy:hover { color: var(--primary); }
footer {
    background: #000;
    color: #fff;
    padding: 60px 20px 30px;
    margin-top: 60px;
}
.f-grid {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
}
.f-col h4 {
    margin: 0 0 16px;
    color: var(--primary);
    text-transform: uppercase;
    font-size: 14px;
}
.f-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
    opacity: .8;
    line-height: 2;
    font-size: 13px;
}
.sub-form { display: flex; gap: 10px; }
.sub-form input {
    flex: 1;
    border: none;
    padding: 12px;
    border-radius: 6px;
    font-family: inherit;
}
.sub-form button {
    border: none;
    padding: 12px 16px;
    border-radius: 6px;
    background: var(--primary);
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}
.footer-bottom {
    max-width: 1400px;
    margin: 26px auto 0;
    border-top: 1px solid #222;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    font-size: 12px;
    opacity: .7;
}
@media (max-width: 992px) {
    .top-bar { font-size: 10px; align-items: flex-start; }
    .site-nav { min-height: 72px; }
    .mobile-toggle { display: inline-flex; }
    .nav-panel {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border-bottom: 1px solid #eee;
        padding: 16px 20px 20px;
        flex-direction: column;
        align-items: flex-start;
        display: none;
    }
    body.nav-open .nav-panel { display: flex; }
    .nav-links, .nav-links.right {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        margin-left: 0;
    }
    .f-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .top-bar { flex-direction: column; }
    .logo-box span { font-size: 15px; padding: 7px 10px; }
    .f-grid { grid-template-columns: 1fr; }
    .sub-form { flex-direction: column; }
}


/* Responsive helpers */
body { max-width: 100%; overflow-x: hidden; }
.container, .main-content, .card, .modal-content, .shop-layout, .single-product-container, .checkout-layout, .cart-layout, .main-workspace { max-width: 100%; }
@media (max-width: 768px) {
    body { overflow-x: hidden; }
    .site-nav { padding: 0 14px; gap: 12px; }
    .top-bar { padding: 10px 14px; }
    .nav-panel { padding: 14px; }
    .nav-links a { font-size: 13px; }
}


/* ===== Header / Footer / Shared pages ===== */
.top-bar{
    background:#111;
    color:#fff;
    padding:10px 18px;
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:center;
    font-size:11px;
    letter-spacing:.06em;
}
.top-left,.top-right{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.switcher-block{display:flex;gap:8px;align-items:center}
.currency-switcher,.lang-switcher{display:flex;gap:8px;flex-wrap:wrap}
.currency-switcher a,.lang-switcher a{opacity:.65}
.currency-switcher a.active,.lang-switcher a.active{opacity:1;font-weight:800;border-bottom:1px solid var(--primary)}
.header-actions{display:flex;gap:10px;align-items:center}
.header-link{font-size:12px;font-weight:800}
.header-link.danger{color:#ff6b6b}
.admin-link{color:#f7b500}
.cart-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px}
.cart-badge{
    position:absolute; top:-4px; right:-8px; min-width:18px; height:18px;
    border-radius:999px; background:var(--primary); color:#fff; font-size:10px;
    display:flex; align-items:center; justify-content:center; font-weight:900; padding:0 4px;
}
.site-footer{background:#0c0c0c;color:#fff;padding:70px 0 26px;margin-top:60px}
.footer-inner{
    max-width:1400px;margin:0 auto;padding:0 24px;
    display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;gap:28px;
}
.footer-col h4{margin:0 0 18px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#fff}
.footer-col p,.footer-col li,.footer-note{font-size:13px;line-height:1.9;color:rgba(255,255,255,.76)}
.footer-col ul{list-style:none;padding:0;margin:0}
.footer-col li a{opacity:.86}
.footer-col li a:hover{color:#fff;opacity:1}
.footer-form{display:flex;gap:8px;align-items:center}
.footer-form input{flex:1;padding:12px 14px;border:none;border-radius:12px;background:#fff}
.footer-form button{padding:12px 16px;border:none;border-radius:12px;background:var(--primary);color:#fff;font-weight:800;cursor:pointer}
.footer-bottom{max-width:1400px;margin:26px auto 0;padding:22px 24px 0;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:rgba(255,255,255,.62)}
.page-hero{
    background:linear-gradient(135deg,#111,#2b2b2b);
    color:#fff;padding:74px 20px 54px;text-align:center;
}
.page-hero h1{margin:0 0 12px;font-size:clamp(28px,5vw,52px);font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.page-hero p{max-width:860px;margin:0 auto;opacity:.9;line-height:1.8}
.page-wrap{max-width:1180px;margin:0 auto;padding:54px 20px}
.page-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch;margin-bottom:28px}
.page-panel{background:#fff;border:1px solid #ececec;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:18px}
.info-card{background:#fff;border:1px solid #ececec;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.info-card h3{margin:0 0 10px;font-size:18px}
.page-wrap p,.page-wrap li,.page-panel,.info-card{color:#555;line-height:1.8}
.page-wrap ul{padding-left:18px}
.cta-box{margin-top:30px;background:#111;color:#fff;border-radius:18px;padding:28px}
.cta-box p{color:rgba(255,255,255,.8)}
.cta-box a{display:inline-block;margin-top:14px;background:#fff;color:#111;padding:12px 18px;border-radius:999px;font-weight:800}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.contact-card{background:#fff;border:1px solid #ececec;border-radius:18px;padding:22px}
@media (max-width:1080px){
    .footer-inner{grid-template-columns:repeat(2,1fr)}
    .page-intro{grid-template-columns:1fr}
}
@media (max-width:768px){
    .top-bar{flex-direction:column;align-items:flex-start}
    .site-nav{padding:0 14px}
    .header-actions{width:100%;justify-content:flex-end}
    .footer-inner{grid-template-columns:1fr}
}
.site-nav {
    max-width: 1400px;
    margin: 0 auto;
    padding: 18px 24px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 20px;
}

.nav-left {
    justify-content: flex-start;
}

.nav-right-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 22px;
}

.nav-right {
    justify-content: flex-end;
}

.nav-links {
    display: flex;
    align-items: center;
    gap: 22px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.logo-box {
    text-align: center;
}

.logo-box a {
    text-decoration: none;
    color: #111;
}

.logo-box span {
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 6px;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}

.mobile-toggle {
    display: none;
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
}

.mobile-panel {
    display: none;
}

@media (max-width: 992px) {
    .desktop-only {
        display: none !important;
    }

    .site-nav {
        grid-template-columns: 1fr auto;
    }

    .logo-box {
        text-align: left;
    }

    .mobile-toggle {
        display: block;
        justify-self: end;
    }

    .mobile-panel.open {
        display: block;
        padding: 0 24px 20px;
    }

    .mobile-links {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }
}

/* ===== UNITEDPROJECT FULL ANIMATED RED GLOW THEME ===== */
:root{
    --bg-0:#030303;
    --bg-1:#0a0505;
    --bg-2:#130606;
    --line:rgba(255,255,255,.08);
    --line-red:rgba(255,0,0,.22);
    --text:#f5f5f5;
    --muted:#b5aaaa;
    --red:#ff1717;
    --red-soft:#ff4747;
    --shadow-red:0 0 12px rgba(255,35,35,.45),0 0 30px rgba(255,0,0,.18),0 0 80px rgba(255,0,0,.12);
}
html{scroll-behavior:smooth}
body.up-theme{
    background: radial-gradient(circle at top, #220707 0%, #080202 35%, #030303 100%);
    color:var(--text);
}
body.up-theme::before{
    content:""; position:fixed; inset:0; pointer-events:none; opacity:.16;
    background:linear-gradient(transparent 0%, rgba(255,0,0,.06) 100%);
    mix-blend-mode:screen; z-index:-3;
}
.bg-grid{position:fixed; inset:0; pointer-events:none; z-index:-2; opacity:.18;
 background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
 background-size:38px 38px;
 mask-image:linear-gradient(to bottom, rgba(0,0,0,.4), rgba(0,0,0,0));}
.bg-orb{position:fixed; border-radius:999px; filter:blur(80px); pointer-events:none; z-index:-1; opacity:.32;}
.bg-orb-1{width:340px; height:340px; background:rgba(255,0,0,.20); top:80px; left:-60px; animation:floatOrb 11s ease-in-out infinite;}
.bg-orb-2{width:280px; height:280px; background:rgba(150,0,0,.18); right:-40px; top:240px; animation:floatOrb 13s ease-in-out infinite reverse;}
@keyframes floatOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(20px,-30px,0) scale(1.12)}}
.top-bar{background:rgba(5,5,5,.82); border-bottom:1px solid rgba(255,255,255,.06); color:#ffeaea; backdrop-filter: blur(12px);}
.site-header{background:rgba(7,7,7,.76); border-bottom:1px solid rgba(255,0,0,.14); box-shadow:0 10px 40px rgba(0,0,0,.22);}
.site-nav{position:relative}
.logo-box span{
    color:#fff; border:1px solid rgba(255,0,0,.5); background:linear-gradient(180deg, rgba(255,20,20,.14), rgba(255,255,255,.02));
    box-shadow: inset 0 0 18px rgba(255,255,255,.04), var(--shadow-red);
    text-shadow:0 0 12px rgba(255,40,40,.55);
}
.nav-links a,.header-link{color:#f4e8e8}
.nav-links a:hover,.header-link:hover{color:#fff; text-shadow:0 0 10px rgba(255,40,40,.75)}
.nav-panel{gap:28px}
.hero-cinematic{position:relative; overflow:hidden; min-height:88vh; display:flex; align-items:center; justify-content:center;
 background:
 radial-gradient(circle at 50% 18%, rgba(255,60,60,.22), rgba(255,0,0,0) 26%),
 linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.72)),
 url('images/banner.jpg') center/cover no-repeat;}
.hero-cinematic::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.5) 65%, rgba(3,3,3,1));}
.hero-particles,.hero-overlay-lines{position:absolute; inset:0; width:100%; height:100%}
.hero-particles{z-index:1; opacity:.95}
.hero-overlay-lines{z-index:1; pointer-events:none; background:
 linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
 linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px);
 background-size:90px 90px; mask-image:linear-gradient(to bottom, rgba(0,0,0,.7), rgba(0,0,0,.04)); opacity:.22;}
.hero-inner{position:relative; z-index:2; max-width:1100px; padding:40px 20px;}
.eyebrow,.section-kicker{display:inline-flex; align-items:center; gap:10px; color:#ffd7d7; font-size:12px; letter-spacing:.24em; text-transform:uppercase; font-weight:800; opacity:.92}
.eyebrow::before,.section-kicker::before{content:""; width:42px; height:1px; background:linear-gradient(90deg,var(--red), transparent); box-shadow:var(--shadow-red)}
.hero-inner h1{font-size:clamp(48px,9vw,108px); line-height:.94; margin:16px 0 20px; color:#fff; text-shadow:0 0 22px rgba(255,30,30,.33), 0 18px 50px rgba(0,0,0,.55);}
.hero-inner p{max-width:820px; font-size:15px; line-height:1.9; color:#f5d7d7; text-transform:none; letter-spacing:.04em}
.hero-actions{display:flex; gap:14px; flex-wrap:wrap; margin-top:28px}
.glow-btn{position:relative; isolation:isolate; overflow:hidden; border-radius:16px; padding:15px 26px !important; backdrop-filter:blur(10px)}
.glow-btn span{position:relative; z-index:2}
.glow-btn::before{content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(135deg, rgba(255,32,32,.22), rgba(255,255,255,.02)); opacity:1; z-index:1}
.hero-actions a.primary{background:linear-gradient(180deg, #ff2424, #b40000) !important; color:#fff !important; border:1px solid rgba(255,255,255,.18); box-shadow:var(--shadow-red)}
.hero-actions a.ghost{background:rgba(255,255,255,.04); color:#fff; border:1px solid rgba(255,255,255,.18)}
.hero-actions a:hover{transform:translateY(-2px); box-shadow:var(--shadow-red)}
.hero-stats-strip{margin-top:34px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
.hero-stats-strip > div{padding:16px 18px; border:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); backdrop-filter:blur(14px); border-radius:18px; box-shadow:0 14px 40px rgba(0,0,0,.2)}
.hero-stats-strip strong{display:block; font-size:18px; letter-spacing:.08em}
.hero-stats-strip span{display:block; margin-top:5px; color:#d7b9b9; font-size:12px; letter-spacing:.06em; text-transform:uppercase}
.up-main{padding:34px 0 0}
.glass-section,.dashboard-panel,.timeline-item,.feature-card{position:relative; overflow:hidden}
.glass-section::before,.dashboard-panel::before,.timeline-item::before,.feature-card::before{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)); pointer-events:none}
.feature-shell,.dashboard-band,.timeline-zone{max-width:1280px; margin:0 auto; padding:28px 20px 22px}
.feature-shell{margin-top:-72px; position:relative; z-index:5}
.section-title.left{text-align:left; margin-bottom:24px}
.section-title.left h2,.section-title.center h2{font-size:clamp(28px,5vw,56px); line-height:1.02; margin:12px 0 14px; color:#fff}
.section-title.left p,.section-title.center p{color:var(--muted); max-width:760px; line-height:1.9}
.ultra-grid,.timeline-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px}
.feature-card,.dashboard-panel,.timeline-item{
    border-radius:26px; border:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg, rgba(18,10,10,.9), rgba(10,7,7,.9));
    box-shadow:0 24px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
}
.glow-card{box-shadow:0 24px 80px rgba(0,0,0,.28), 0 0 0 1px rgba(255,0,0,.09), 0 0 40px rgba(255,0,0,.08)}
.feature-card{padding:28px}
.feature-icon{width:64px; height:64px; border-radius:18px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:24px; margin-bottom:18px; background:radial-gradient(circle at 30% 30%, #ff5656, #710000); box-shadow:var(--shadow-red)}
.feature-card h3,.timeline-item h3{font-size:22px; margin:0 0 10px; color:#fff}
.feature-card p,.timeline-item p,.panel-copy p{color:var(--muted); line-height:1.9; margin:0}
.dashboard-panel{display:grid; grid-template-columns:1.1fr .9fr; gap:22px; padding:28px}
.panel-copy h2{font-size:clamp(28px,4vw,48px); margin:12px 0 14px; color:#fff}
.stat-grid-premium{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-self:center}
.mini-stat.premium{border-radius:22px; padding:22px; background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.08)}
.mini-stat.premium span{display:block; text-transform:uppercase; letter-spacing:.14em; font-size:11px; color:#ffb7b7; margin-bottom:10px}
.mini-stat.premium strong{font-size:34px; color:#fff; text-shadow:0 0 16px rgba(255,0,0,.15)}
.timeline-zone{padding-bottom:70px}
.timeline-grid{grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:24px}
.timeline-item{padding:24px; min-height:240px}
.timeline-item span{display:inline-flex; width:44px; height:44px; align-items:center; justify-content:center; border-radius:999px; border:1px solid rgba(255,0,0,.35); color:#fff; box-shadow:var(--shadow-red); margin-bottom:16px}
.site-footer{background:linear-gradient(180deg, #080404, #050505); border-top:1px solid rgba(255,0,0,.12)}
.footer-col h4{color:#fff}
.footer-form input{background:#120b0b; color:#fff; border:1px solid rgba(255,255,255,.08)}
.footer-form button{background:linear-gradient(180deg, #ff2a2a, #a10000); box-shadow:var(--shadow-red)}
.page-hero,.page-wrap .info-card,.page-wrap .content-card{background:linear-gradient(135deg, #110707, #090909); color:#fff}
.site-loader{position:fixed; inset:0; background:radial-gradient(circle at center, rgba(25,5,5,.96), #020202 72%); display:flex; align-items:center; justify-content:center; z-index:99999; transition:opacity .6s ease, visibility .6s ease}
.site-loader.hide{opacity:0; visibility:hidden}
.loader-core{text-align:center; position:relative; width:220px; height:220px; display:flex; align-items:center; justify-content:center; flex-direction:column}
.loader-ring{position:absolute; width:148px; height:148px; border-radius:999px; border:1px solid rgba(255,255,255,.08); border-top-color:#ff2b2b; box-shadow:var(--shadow-red); animation:spinRing 1.2s linear infinite}
.loader-ring-delay{width:188px; height:188px; animation-direction:reverse; animation-duration:1.8s; opacity:.55}
.loader-logo{position:relative; z-index:2; font-size:20px; font-weight:900; letter-spacing:.2em; color:#fff; text-shadow:0 0 16px rgba(255,0,0,.42)}
.loader-sub{position:absolute; bottom:18px; font-size:11px; letter-spacing:.3em; color:#ffbcbc}
@keyframes spinRing{to{transform:rotate(360deg)}}
@media (max-width: 1100px){
  .ultra-grid{grid-template-columns:1fr 1fr}
  .timeline-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 992px){
  .nav-panel{background:rgba(10,10,10,.98); border-bottom:1px solid rgba(255,0,0,.14)}
  .hero-cinematic{min-height:82vh}
  .hero-stats-strip,.dashboard-panel,.ultra-grid,.timeline-grid{grid-template-columns:1fr}
  .feature-shell{margin-top:-46px}
}
@media (max-width: 640px){
  .hero-inner h1{font-size:clamp(40px,14vw,68px)}
  .hero-inner p{font-size:14px}
  .hero-actions a{width:100%; justify-content:center; text-align:center}
  .loader-logo{font-size:15px; letter-spacing:.16em}
}



/* ===== UNITEDPROJECT FORCE DARK OVERRIDE ===== */
html, body { background:#050505 !important; color:#f5f5f5 !important; }
body.up-theme{
    background:
      radial-gradient(circle at 20% 0%, rgba(120,0,0,.38), transparent 28%),
      radial-gradient(circle at 80% 20%, rgba(255,0,0,.14), transparent 22%),
      linear-gradient(180deg, #140404 0%, #080808 45%, #030303 100%) !important;
    color:#f5f5f5 !important;
}
body.up-theme::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    background:
      linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
    background-size:36px 36px;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,.75), transparent);
    opacity:.45;
}
.top-bar{
    background:rgba(0,0,0,.86) !important;
    color:#fff !important;
    border-bottom:1px solid rgba(255,0,0,.18) !important;
    box-shadow:0 8px 30px rgba(0,0,0,.35) !important;
}
.site-header{
    background:rgba(8,8,8,.86) !important;
    border-bottom:1px solid rgba(255,0,0,.20) !important;
    box-shadow:0 14px 40px rgba(0,0,0,.45), 0 0 30px rgba(255,0,0,.08) !important;
}
.logo-box span{
    color:#ffffff !important;
    border:1px solid rgba(255,0,0,.55) !important;
    background:linear-gradient(180deg, rgba(255,30,30,.16), rgba(255,255,255,.03)) !important;
    box-shadow:
      inset 0 0 18px rgba(255,0,0,.18),
      0 0 22px rgba(255,0,0,.18) !important;
}
.nav-links a, .header-link { color:#f0f0f0 !important; }
.nav-links a:hover, .header-link:hover{
    color:#ff4a4a !important;
    text-shadow:0 0 12px rgba(255,0,0,.55) !important;
}
.hero-cinematic{
    min-height:100vh !important;
    background:
      radial-gradient(circle at 50% 14%, rgba(255,0,0,.24), transparent 26%),
      linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.78)),
      url('images/banner.jpg') center/cover no-repeat !important;
}
.hero-cinematic::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(120deg, rgba(255,0,0,.07), transparent 22%, transparent 78%, rgba(255,0,0,.08)),
      radial-gradient(circle at 50% 0%, rgba(255,0,0,.12), transparent 32%);
    pointer-events:none;
}
.hero-overlay-lines{
    background:
      linear-gradient(transparent 0 92%, rgba(255,0,0,.08) 92% 93%, transparent 93% 100%),
      linear-gradient(90deg, transparent 0 96%, rgba(255,0,0,.06) 96% 97%, transparent 97% 100%) !important;
    background-size:100% 46px, 46px 100% !important;
    opacity:.30 !important;
}
.hero-particles{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    display:block !important;
}
.hero-inner h1,
.hero-inner p,
.hero-stats-strip strong,
.hero-stats-strip span,
.section-title h2,
.section-title p,
.panel-copy h2,
.panel-copy p,
.timeline-item h3,
.timeline-item p,
.feature-card h3,
.feature-card p,
.site-footer,
.site-footer p,
.site-footer li,
.site-footer a{
    color:#fff !important;
}
.eyebrow, .section-kicker, .mini-stat.premium span{
    color:#ff9f9f !important;
    text-shadow:0 0 12px rgba(255,0,0,.18);
}
.glow-btn,
.hero-actions a,
.footer-form button{
    background:linear-gradient(180deg, #ff3131, #9c0000) !important;
    color:#fff !important;
    border:1px solid rgba(255,90,90,.45) !important;
    box-shadow:0 0 18px rgba(255,0,0,.24), 0 12px 34px rgba(0,0,0,.28) !important;
}
.ghost.glow-btn{
    background:rgba(255,255,255,.03) !important;
}
.feature-card,
.timeline-item,
.dashboard-panel,
.footer-form input,
.page-hero,
.page-wrap .info-card,
.page-wrap .content-card{
    background:linear-gradient(180deg, rgba(16,10,10,.95), rgba(8,8,8,.95)) !important;
    border:1px solid rgba(255,0,0,.14) !important;
    box-shadow:0 16px 48px rgba(0,0,0,.34), 0 0 28px rgba(255,0,0,.08) !important;
    color:#fff !important;
}
.footer-form input{
    color:#fff !important;
}
.mobile-toggle{ color:#fff !important; }
@media (max-width: 992px){
    .nav-panel{
        background:rgba(6,6,6,.98) !important;
        border-bottom:1px solid rgba(255,0,0,.18) !important;
    }
}
/* ===== END FORCE DARK OVERRIDE ===== */


/* ===== PUBLIC PAGE POLISH ===== */
.section-tight{padding-top:0}
.content-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.content-card{padding:28px;border-radius:24px;background:linear-gradient(180deg, rgba(16,10,10,.95), rgba(8,8,8,.95));border:1px solid rgba(255,0,0,.14);box-shadow:0 16px 48px rgba(0,0,0,.34), 0 0 28px rgba(255,0,0,.08)}
.content-card h3{margin:0 0 12px;font-size:28px;color:#fff}
.content-card p{margin:0;color:rgba(255,255,255,.82);line-height:1.8}
.clean-list{margin:16px 0 0;padding-left:18px;color:rgba(255,255,255,.84);line-height:1.9}
.clean-list a{color:#fff}
.mini-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.mini-tags span,.status-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,0,0,.2);background:rgba(255,255,255,.04);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.info-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.section-note{margin-bottom:24px}
.public-game-grid,.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.public-game-card,.news-card{overflow:hidden;border-radius:24px;background:linear-gradient(180deg, rgba(16,10,10,.95), rgba(8,8,8,.95));border:1px solid rgba(255,0,0,.14);box-shadow:0 16px 48px rgba(0,0,0,.34), 0 0 28px rgba(255,0,0,.08)}
.public-game-cover{height:200px;background-size:cover;background-position:center;position:relative}
.public-game-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.56))}
.public-game-body,.news-card{padding:22px}
.pill-row{margin-bottom:14px}
.public-game-body h3,.news-card h3{margin:0 0 10px;font-size:24px;color:#fff}
.public-game-body p,.news-card p{margin:0;color:rgba(255,255,255,.8);line-height:1.8}
.news-date{margin-top:18px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#ffaaaa}
.leaderboard-shell{padding-top:34px}
.lb-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}
.lb-podium-card{padding:26px;border-radius:24px;background:linear-gradient(180deg, rgba(16,10,10,.95), rgba(8,8,8,.95));border:1px solid rgba(255,0,0,.14);box-shadow:0 16px 48px rgba(0,0,0,.34), 0 0 28px rgba(255,0,0,.08);text-align:center}
.lb-podium-card.rank-1{box-shadow:0 16px 48px rgba(0,0,0,.34), 0 0 34px rgba(255,80,80,.18)}
.lb-rank{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#ffb0b0;margin-bottom:10px}
.lb-podium-card h3{margin:0 0 10px;color:#fff;font-size:26px}
.lb-money{font-size:34px;font-weight:900;color:#fff}
.lb-meta{margin-top:8px;color:rgba(255,255,255,.7)}
.table-card{padding:0;overflow:hidden}
.lb-table-wrap{overflow-x:auto}
.lb-table{width:100%;border-collapse:collapse;background:transparent}
.lb-table th,.lb-table td{padding:16px 18px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;white-space:nowrap}
.lb-table thead th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#ffb0b0;background:rgba(255,255,255,.02)}
.lb-table tbody tr:hover{background:rgba(255,255,255,.03)}
.lb-table strong{color:#fff}
.empty{padding:32px;color:#fff}
::selection{background:rgba(255,0,0,.28);color:#fff}
@media (max-width: 1100px){
  .public-game-grid,.news-grid,.lb-podium,.info-grid-3{grid-template-columns:1fr 1fr}
}
@media (max-width: 820px){
  .content-grid-2,.public-game-grid,.news-grid,.lb-podium,.info-grid-3{grid-template-columns:1fr}
  .content-card h3{font-size:24px}
}
/* ===== END PUBLIC PAGE POLISH ===== */