*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#05070d;color:#fff}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 45px;background:#05070d;border-bottom:2px solid #facc15;position:sticky;top:0;z-index:99}
.logo{font-size:28px;font-weight:900;color:#facc15;text-decoration:none;text-shadow:0 0 18px rgba(250,204,21,.55)}
nav a{color:#fff;text-decoration:none;margin-left:16px;font-size:13px;font-weight:bold;text-transform:uppercase}
nav a:hover{color:#facc15}
.hero{min-height:670px;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at center,rgba(250,204,21,.18),transparent 36%),#070b14;padding:80px 20px}
.hero-content{max-width:1050px}
.hero h1{font-size:86px;color:#facc15;margin:20px 0;text-shadow:0 0 35px rgba(250,204,21,.45)}
.hero p{font-size:23px;color:#e5e7eb}
.tag,.form-badge{color:#facc15;letter-spacing:3px;font-weight:900}
.buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.btn,button{padding:13px 24px;border-radius:12px;border:0;text-decoration:none;font-weight:900;cursor:pointer;display:inline-block}
.gold{background:#facc15;color:#111!important}.blue{background:#2563eb;color:#fff!important}.discord{background:#5865F2;color:#fff!important}.red{background:#ef4444;color:#fff!important}
.stats,.grid{max-width:1100px;margin:40px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 20px}
.stats{grid-template-columns:repeat(4,1fr);margin-top:-55px;position:relative;z-index:2}
.stat,.card,.panel,.form-box{background:#111827;border:1px solid rgba(250,204,21,.25);border-radius:18px;padding:28px;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.stat strong,.big{display:block;font-size:30px;color:#facc15}.online{color:#22c55e!important}.offline{color:#ef4444!important}
.features,.page{max-width:1200px;margin:0 auto;padding:45px 20px 80px}
.features h2,.panel h1,.form-box h1{color:#facc15;text-align:center;font-size:38px}
.card h3{color:#facc15;margin-top:0}.card p{color:#d1d5db}
.form-page{min-height:720px;display:flex;align-items:center;justify-content:center;padding:70px 20px;background:radial-gradient(circle at center,rgba(250,204,21,.12),transparent 35%),#070b14}
.form-box{width:100%;max-width:540px;text-align:left}
.form-box h1{text-align:left;margin-bottom:5px}
.form-subtitle,.small-link,.balance-line{color:#cbd5e1}
.small-link a{color:#facc15}
label{display:block;margin-top:12px;color:#facc15;font-weight:bold}
input,select{width:100%;padding:14px;margin:8px 0;border-radius:10px;border:1px solid #374151;background:#05070d;color:#fff}
.alert{background:#0f172a;border:1px solid #facc15;color:#facc15;padding:13px;border-radius:12px;margin:15px 0;text-align:center}.alert.ok{border-color:#22c55e;color:#22c55e}
footer{text-align:center;background:#03050a;color:#9ca3af;padding:30px;border-top:1px solid rgba(250,204,21,.25)}
footer a{color:#facc15}.admin-form{max-width:600px;margin:0 auto 30px}
@media(max-width:900px){.topbar{flex-direction:column}.hero h1{font-size:48px}.hero p{font-size:18px}.stats,.grid{grid-template-columns:1fr}nav a{display:inline-block;margin:6px}}



/* =======================================================
   HERO WOW CUSTOM BACKGROUND FIX - LOAD LAST
   ======================================================= */

html,
body {
    min-height: 100% !important;
    background: #03060d url("../HeroWoW_Custom/herowow-bg.svg") center top / cover fixed no-repeat !important;
    color: #f4e7c2 !important;
}

body::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: -9999 !important;
    pointer-events: none !important;
    background:
        linear-gradient(rgba(2,5,12,.25), rgba(2,5,12,.90)),
        url("../HeroWoW_Custom/herowow-bg.svg") center top / cover fixed no-repeat !important;
}

/* common wrappers */
.wrapper, .main, .content, .page, .container, #wrapper, #main, #content, .site {
    background-color: transparent !important;
}

/* panels */
.panel, .box, .card, .news, .widget, .module, .realm-status, .ranking, .server-status, table {
    background: rgba(5, 9, 18, 0.86) !important;
    border: 1px solid rgba(255, 211, 102, 0.28) !important;
    box-shadow: 0 0 35px rgba(0,0,0,.55) !important;
    border-radius: 14px !important;
}

/* header / menu */
.header, .top, .topbar, .navbar, nav, .menu, #header, #menu {
    background: rgba(3, 6, 13, 0.88) !important;
    border-bottom: 1px solid rgba(255, 211, 102, 0.25) !important;
}

h1, h2, h3, .title, .logo {
    color: #ffd66b !important;
    text-shadow: 0 0 22px rgba(255,199,74,.35), 0 4px 12px #000 !important;
}

a {
    color: #ffd66b !important;
}

.btn, .button, button, input[type="submit"], .play, .download, .register {
    background: linear-gradient(135deg, #7b1118, #c58a18, #ffd66b) !important;
    color: #160c03 !important;
    border: 1px solid rgba(255,226,139,.65) !important;
    box-shadow: 0 0 24px rgba(255,181,49,.35) !important;
    border-radius: 10px !important;
    font-weight: bold !important;
}

.btn:hover, .button:hover, button:hover {
    filter: brightness(1.15) !important;
    transform: translateY(-1px) !important;
}

/* Try to override old image backgrounds */
[class*="bg"], [class*="background"], [id*="bg"], [id*="background"] {
    background-image:
        linear-gradient(rgba(2,5,12,.30), rgba(2,5,12,.86)),
        url("../HeroWoW_Custom/herowow-bg.svg") !important;
    background-size: cover !important;
    background-position: center top !important;
    background-attachment: fixed !important;
}



/* =======================================================
   HERO WOW CUSTOM BACKGROUND FIX - LOAD LAST
   ======================================================= */

html,
body {
    min-height: 100% !important;
    background: #03060d url("/HeroWoW_Custom/herowow-bg.svg") center top / cover fixed no-repeat !important;
    color: #f4e7c2 !important;
}

body::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: -9999 !important;
    pointer-events: none !important;
    background:
        linear-gradient(rgba(2,5,12,.25), rgba(2,5,12,.90)),
        url("/HeroWoW_Custom/herowow-bg.svg") center top / cover fixed no-repeat !important;
}

/* common wrappers */
.wrapper, .main, .content, .page, .container, #wrapper, #main, #content, .site {
    background-color: transparent !important;
}

/* panels */
.panel, .box, .card, .news, .widget, .module, .realm-status, .ranking, .server-status, table {
    background: rgba(5, 9, 18, 0.86) !important;
    border: 1px solid rgba(255, 211, 102, 0.28) !important;
    box-shadow: 0 0 35px rgba(0,0,0,.55) !important;
    border-radius: 14px !important;
}

/* header / menu */
.header, .top, .topbar, .navbar, nav, .menu, #header, #menu {
    background: rgba(3, 6, 13, 0.88) !important;
    border-bottom: 1px solid rgba(255, 211, 102, 0.25) !important;
}

h1, h2, h3, .title, .logo {
    color: #ffd66b !important;
    text-shadow: 0 0 22px rgba(255,199,74,.35), 0 4px 12px #000 !important;
}

a {
    color: #ffd66b !important;
}

.btn, .button, button, input[type="submit"], .play, .download, .register {
    background: linear-gradient(135deg, #7b1118, #c58a18, #ffd66b) !important;
    color: #160c03 !important;
    border: 1px solid rgba(255,226,139,.65) !important;
    box-shadow: 0 0 24px rgba(255,181,49,.35) !important;
    border-radius: 10px !important;
    font-weight: bold !important;
}

.btn:hover, .button:hover, button:hover {
    filter: brightness(1.15) !important;
    transform: translateY(-1px) !important;
}

/* Try to override old image backgrounds */
[class*="bg"], [class*="background"], [id*="bg"], [id*="background"] {
    background-image:
        linear-gradient(rgba(2,5,12,.30), rgba(2,5,12,.86)),
        url("/HeroWoW_Custom/herowow-bg.svg") !important;
    background-size: cover !important;
    background-position: center top !important;
    background-attachment: fixed !important;
}