/* ============================================================
   MU IMPERIOS — общие стили сайта (навбар, фон, футер).
   Подключается на всех страницах, чтобы меню и оформление
   были одинаковыми везде, как на главной.
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#0a0610;--bg2:#110b1a;--bg3:#1a0f28;--gold:#ffd700;--gold2:#ffb800;--purple:#8b5cf6;--text:#e8e4de;--text-dim:#a09888;--text-muted:#6b6258;--green:#4ade80;--green2:#22c55e;--red:#e03030;--border:rgba(255,215,0,.08);--card:rgba(16,8,28,.7)}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Open Sans',sans-serif;overflow-x:hidden;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;
  background-image:url('/mu/assets/images/bg.jpg');background-size:100% auto;background-position:top center;background-attachment:fixed;background-repeat:no-repeat}
body::before{content:'';position:fixed;inset:0;background:linear-gradient(180deg,rgba(10,6,16,.4) 0%,rgba(10,6,16,.55) 25%,rgba(10,6,16,.68) 50%,rgba(10,6,16,.82) 75%,rgba(10,6,16,.92) 100%);z-index:-1}
body::after{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 50% 20%,transparent 30%,rgba(10,6,16,.3) 100%);z-index:-1;pointer-events:none}
a{color:var(--gold);text-decoration:none;transition:color .2s}
a:hover{color:#fff}

/* NAVBAR — идентичен на всех страницах */
.navbar{position:fixed;top:0;left:0;right:0;z-index:200;height:56px;background:rgba(10,6,16,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px}
.navbar-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto}
.navbar-brand{font-family:'Cinzel',serif;font-weight:900;font-size:20px;letter-spacing:3px;text-decoration:none;cursor:pointer}
.navbar-brand:hover{filter:brightness(1.15)}
.navbar-brand .g{color:var(--green)}
.navbar-brand .p{color:var(--purple)}
.navbar-menu{display:flex;align-items:center;gap:2px}
.navbar-menu a{padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);transition:all .2s}
.navbar-menu a:hover,.navbar-menu a.active{color:var(--green);background:rgba(74,222,128,.06)}
.navbar-menu .btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#0a0610!important;font-weight:700;padding:7px 18px;border-radius:8px}
.navbar-menu .btn-gold:hover{box-shadow:0 4px 20px rgba(255,215,0,.35);transform:translateY(-1px)}
.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px}
.hamburger span{display:block;width:20px;height:2px;background:var(--green);margin:4px 0}

/* generic page hero used by inner pages */
.page-hero{padding:100px 24px 30px;text-align:center;background:rgba(17,11,26,.55);border-bottom:1px solid var(--border);position:relative;z-index:2}
.page-hero h1{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(26px,4.5vw,40px)}
.page-hero h1 .g{color:var(--green)}
.page-hero h1 .p{color:var(--purple)}
.page-hero p{color:var(--text-dim);font-size:14px;margin-top:6px}

/* FOOTER */
.footer{border-top:1px solid var(--border);padding:32px 24px;text-align:center;position:relative;z-index:2;margin-top:auto}
.footer-inner{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.footer-brand{font-family:'Cinzel',serif;font-weight:900;font-size:14px;color:var(--green);letter-spacing:2px}
.footer-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.footer-links a{font-size:11px;color:var(--text-muted)}
.footer-links a:hover{color:var(--green)}
.footer-copy{width:100%;text-align:center;font-size:10px;color:var(--text-muted);margin-top:12px;padding-top:12px;border-top:1px solid rgba(74,222,128,.06)}

/* SCROLL TOP */
.scroll-top{position:fixed;bottom:20px;right:20px;z-index:100;width:40px;height:40px;border-radius:10px;background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.15);color:var(--green);font-size:16px;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .2s;backdrop-filter:blur(8px)}
.scroll-top:hover{background:rgba(74,222,128,.15);transform:translateY(-2px)}
.scroll-top.show{display:flex}

@media(max-width:768px){
  .navbar-menu{display:none}
  .navbar-menu.open{display:flex;flex-direction:column;position:absolute;top:56px;left:0;right:0;background:rgba(10,6,16,.97);backdrop-filter:blur(16px);padding:12px;gap:2px;border-bottom:1px solid rgba(74,222,128,.08)}
  .hamburger{display:block}
  .footer-inner{flex-direction:column;text-align:center}
}