/* HeroWoW Icecrown One-Design FINAL */
:root{
  --bg:#03050b;--panel:rgba(6,9,17,.92);--panel2:rgba(14,18,32,.94);
  --gold:#d6a84f;--gold2:#ffd978;--violet:#7c3aed;--cyan:#32e6ff;--green:#30d158;
  --text:#f4ead7;--muted:#aab3c2;--line:rgba(129,210,255,.26);--goldline:rgba(214,168,79,.42)
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  min-height:100vh;color:var(--text);font-family:Arial,Helvetica,sans-serif;
  background:
    linear-gradient(rgba(0,0,0,.14),rgba(0,0,0,.86)),
    url("../img/herowow-icecrown-bg.svg") center top/cover fixed no-repeat,
    #03050b!important;
}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.78),transparent 18%,transparent 82%,rgba(0,0,0,.78))}
a{color:var(--gold2);text-decoration:none}a:hover{color:white;text-shadow:0 0 14px rgba(50,230,255,.55)}
.hw-top{height:38px;background:#020307;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:#c7d5ea;font-size:13px;letter-spacing:1.2px}
.hw-nav{position:sticky;top:0;z-index:1000;background:linear-gradient(180deg,rgba(7,9,15,.98),rgba(3,5,10,.93));border-bottom:1px solid var(--line);box-shadow:0 12px 35px rgba(0,0,0,.75)}
.hw-nav-inner{max-width:1360px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;gap:22px}
.hw-logo{font-family:Georgia,serif;font-size:36px;font-weight:900;text-transform:uppercase;color:white!important;white-space:nowrap;letter-spacing:1px;text-shadow:0 3px 0 #000,0 0 22px rgba(50,230,255,.45)}
.hw-logo span{color:var(--gold2)}
.hw-menu{display:flex;gap:14px;justify-content:center;flex:1;flex-wrap:wrap}
.hw-menu a{color:#e6edf7!important;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:1px;padding:10px 3px;border-bottom:2px solid transparent}
.hw-menu a:hover{color:var(--gold2)!important;border-color:var(--cyan)}
.hw-account{padding:12px 20px;border-radius:4px;background:linear-gradient(180deg,#35107a,#16052d);border:1px solid #935cff;color:#fff!important;font-weight:900;text-transform:uppercase;box-shadow:0 0 28px rgba(124,58,237,.38)}
.hw-hero{position:relative;min-height:720px;display:flex;align-items:center;justify-content:center;text-align:center;padding:110px 18px 105px;overflow:hidden}
.hw-hero:before{content:"";position:absolute;left:50%;top:43%;width:560px;height:560px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(50,230,255,.25);box-shadow:0 0 110px rgba(50,230,255,.15),inset 0 0 90px rgba(124,58,237,.16)}
.hw-hero-content{position:relative;z-index:2;max-width:980px}
.hw-emblem{width:160px;height:160px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#aef5ff 0,#3bb8ff 28%,#13233e 31%,#060810 70%);border:3px solid rgba(255,217,120,.82);box-shadow:0 0 50px rgba(50,230,255,.34),inset 0 0 25px #000;color:#fff;font-family:Georgia,serif;font-weight:900;font-size:44px}
.hw-emblem small{display:block;font-size:15px;color:var(--gold2);letter-spacing:2px;margin-top:-8px}
.hw-kicker{color:var(--cyan);font-weight:900;text-transform:uppercase;letter-spacing:4px;margin-bottom:14px;text-shadow:0 0 15px rgba(50,230,255,.5)}
.hw-hero h1{margin:0;font-family:Georgia,serif;font-size:clamp(62px,10vw,126px);line-height:.86;text-transform:uppercase;letter-spacing:3px;color:white;text-shadow:0 6px 0 #000,0 0 42px rgba(50,230,255,.34)}
.hw-hero h1 span{color:var(--gold2)}
.hw-hero p{max-width:790px;margin:28px auto 0;color:#dce8ff;font-size:18px;line-height:1.7;text-shadow:0 2px 8px #000}
.hw-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.hw-btn{min-width:170px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:15px 24px;border:1px solid rgba(255,255,255,.14);color:#fff!important;text-transform:uppercase;font-weight:900;letter-spacing:.9px;background:linear-gradient(180deg,#212a3a,#0c121d);box-shadow:0 14px 30px rgba(0,0,0,.55)}
.hw-btn.primary,.hw-btn.gold{background:linear-gradient(180deg,#ffe39a,#b97725);color:#111!important;border-color:#ffe39a}
.hw-btn.blue{background:linear-gradient(180deg,#16a3e8,#063b63)}.hw-btn.red{background:linear-gradient(180deg,#7c3aed,#2b0b64)}
.hw-wrap{max-width:1360px;margin:-72px auto 70px;position:relative;z-index:5;padding:0 18px;display:grid;grid-template-columns:1fr 340px;gap:24px}
.hw-panel,.sidebox,.form-box,.content,.container,.page{background:linear-gradient(180deg,var(--panel2),var(--panel))!important;border:1px solid var(--line)!important;border-radius:8px!important;box-shadow:0 18px 55px rgba(0,0,0,.65)!important}
.hw-panel{overflow:hidden;margin-bottom:24px}
.hw-panel-head{padding:17px 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(50,230,255,.13),rgba(124,58,237,.06));display:flex;align-items:center;justify-content:space-between;gap:12px}
.hw-panel-head h2,.sidebox h3{margin:0;color:var(--gold2);font-family:Georgia,serif;text-transform:uppercase;letter-spacing:1px}
.hw-grid{padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hw-card{min-height:164px;padding:22px;border-radius:6px;background:rgba(0,0,0,.32);border:1px solid rgba(129,210,255,.16);transition:.2s}
.hw-card:hover{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 0 30px rgba(50,230,255,.16)}
.hw-card .ico{font-size:36px;color:var(--cyan);margin-bottom:10px}.hw-card h3{margin:0 0 10px;color:white;text-transform:uppercase}.hw-card p{margin:0;color:var(--muted);line-height:1.58}
.hw-news{padding:0 22px 24px}.hw-news article{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}.hw-news article:last-child{border-bottom:0}
.hw-date{display:inline-block;padding:4px 8px;border-radius:3px;background:var(--gold2);color:#111;font-weight:900;font-size:12px;margin-bottom:8px}.hw-news h3{margin:4px 0 8px;color:white}.hw-news p{margin:0;color:var(--muted);line-height:1.58}
.hw-shop-row{padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hw-shop{min-height:188px;padding:24px;border-radius:7px;background:linear-gradient(135deg,rgba(50,230,255,.12),rgba(124,58,237,.12),rgba(0,0,0,.38));border:1px solid rgba(129,210,255,.18)}.hw-shop h3{margin:0 0 12px;color:white;text-transform:uppercase}.hw-shop p{color:var(--muted);line-height:1.55}
.sidebar{display:flex;flex-direction:column;gap:18px}.sidebox{padding:20px}.online-big{font-size:62px;font-weight:900;line-height:1;color:var(--green);text-shadow:0 0 18px rgba(48,209,88,.4)}.realm-row,.hw-stat{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding:12px 0;color:#d8e6ff}.realm-row strong,.online{color:var(--green)}.sidebox code{display:block;padding:12px;background:#05070d;border:1px solid rgba(129,210,255,.18);border-radius:4px;color:var(--gold2);word-break:break-all}.rank-row{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}.rank-row small{display:block;color:var(--muted);margin-left:22px;margin-top:3px}
footer,.hw-footer{padding:45px 20px;text-align:center;background:#020307!important;border-top:1px solid var(--line);color:#9aa3b2}.footer-logo{font-family:Georgia,serif;color:var(--gold2);font-size:34px;font-weight:900;margin-bottom:12px}
table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);color:#e2e8f0}th{color:var(--gold2);text-align:left}
input,select,textarea{width:100%;background:#080c16!important;border:1px solid var(--line)!important;color:white!important;padding:13px 14px!important;border-radius:4px!important;margin:8px 0 14px}
button,input[type=submit],.button,.btn,.play-btn{background:linear-gradient(180deg,#ffe39a,#b97725)!important;color:#111!important;border:0!important;border-radius:3px!important;padding:13px 20px!important;font-weight:900!important;text-transform:uppercase}
.topbar,.hero,.realm-box{display:none!important}
@media(max-width:980px){.hw-nav-inner{flex-direction:column}.hw-wrap{grid-template-columns:1fr;margin-top:20px}.hw-grid,.hw-shop-row{grid-template-columns:1fr}.hw-hero{min-height:580px}}

/* FORCE REAL ICECROWN BACKGROUND */
body{
  background:
    linear-gradient(rgba(0,0,0,.16),rgba(0,0,0,.86)),
    url("/assets/img/herowow-icecrown-real.jpg") center top/cover fixed no-repeat,
    #04070d!important;
}
.topbar,.hero,.realm-box{display:none!important}