:root{
--bg:#08111d;--glass:rgba(8,17,29,.72);--ice:#e9fbff;--cyan:#78dcff;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Montserrat,sans-serif;background:var(--bg);color:#fff}
.container{width:min(1200px,92%);margin:auto}
.site-header{position:fixed;top:0;width:100%;backdrop-filter:blur(16px);
background:var(--glass);border-bottom:1px solid rgba(120,220,255,.15)}
.header-container{display:flex;justify-content:space-between;align-items:center;height:82px}
.logo{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none}
.logo img{width:60px}
.logo-title{display:block;font-weight:900;letter-spacing:.15em}
.logo-subtitle{display:block;font-size:.75rem;color:#b9dceb}
.main-nav ul{display:flex;list-style:none;gap:28px}
.main-nav a{text-decoration:none;color:#fff;font-weight:600}
.main-nav a:hover{color:var(--cyan)}
.header-search input{padding:.7rem 1rem;border-radius:999px;background:#122033;border:1px solid #335;color:#fff}
.hero{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;
background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.7)),url('../images/backgrounds/arena.jpg') center/cover no-repeat}
.hero-logo{width:min(340px,70vw);margin-bottom:24px}
.hero h1{font-size:clamp(3rem,8vw,6rem);letter-spacing:.2em}
.hero p{font-size:1.3rem;color:#d9e8f2;margin:1rem 0 2rem}
.hero-buttons{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.btn{padding:1rem 1.6rem;border-radius:999px;text-decoration:none;font-weight:700}
.primary{background:#78dcff;color:#08111d}
.secondary{border:1px solid #78dcff;color:#fff}