:root{--gold:#FFA726;--gold-dim:rgba(255,167,38,.18);--bg:#04060a;--bg2:#080c12;--bg3:#0d1117;--border:rgba(255,167,38,.22);--border-dim:rgba(255,167,38,.10);--text:#c8d0e0;--text-dim:#6b7585;--text-bright:#eef2f8;--radius:6px;--max:1040px}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Exo 2',sans-serif;font-size:15px;overflow-x:hidden}
h1,h2,h3{font-family:'Rajdhani',sans-serif;color:var(--text-bright);line-height:1.2}
a{color:var(--gold);text-decoration:none}
a:hover{color:#ffc55e}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.page-stars{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(1px 1px at 8% 12%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 31% 38%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 72% 59%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 91% 7%,rgba(255,255,255,.45),transparent),radial-gradient(2px 2px at 15% 32%,rgba(255,167,38,.18),transparent)}
header,main,footer{position:relative;z-index:1}
#site-header{height:46px;background:rgba(4,6,10,.92);border-bottom:1px solid var(--border);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}
.header-inner{height:46px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-name{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.header-nav{display:flex;align-items:center;gap:22px}
.header-nav a{font-family:'Rajdhani',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}
.header-nav a:hover,.header-nav a.active{color:var(--gold)}
@media(max-width:760px){.header-nav{gap:12px}.header-nav a{font-size:.64rem}}
@media(max-width:520px){.site-name{font-size:.7rem}}