:root{--bg:#0b1026;--panel:#151c3d;--ink:#f4f1ff;--soft:#b3b0d6;--purple:#7b2ff7;--orange:#ff7a1a;--gold:#ffc83d;--mint:#2ee6a8}
*{box-sizing:border-box}html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif}
a{color:var(--gold)}img{max-width:100%;height:auto}
header{background:linear-gradient(90deg,#2a0f5c,var(--purple));padding:12px 20px;border-bottom:3px solid var(--orange)}
header a{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:900;font-style:italic;letter-spacing:.02em;text-decoration:none;text-transform:uppercase}
header img{width:32px;border-radius:8px}
main{max-width:760px;margin:0 auto;padding:32px 20px 64px}
h1,h2,.display{font-family:"Arial Narrow","Helvetica Neue Condensed",Impact,system-ui,sans-serif;font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:.01em}
h1{font-size:40px;line-height:1.05;margin:.2em 0}h2{font-size:26px;line-height:1.1;margin:1.6em 0 .3em;color:var(--gold)}
h3{font-size:18px;margin:1.4em 0 .2em}
.soft{color:var(--soft);font-size:15px}
.hero{position:relative;background:url(images/arena.jpg) center/cover;text-align:center;padding:40px 20px 48px;border-bottom:3px solid var(--purple)}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(#0b102699,#0b1026ee)}
.hero>*{position:relative}
.hero .logo{width:440px}
.hero p{max-width:560px;margin:8px auto 18px;font-size:19px}
.badge{display:inline-block;background:var(--orange);color:#1a0d00;font-weight:900;font-style:italic;text-transform:uppercase;padding:12px 26px;border-radius:14px;box-shadow:0 5px 0 #a8460a;letter-spacing:.03em}
.feature{display:flex;gap:28px;align-items:center;margin:40px 0}
.feature:nth-child(even){flex-direction:row-reverse}
.feature img{width:220px;flex:none;border-radius:28px;border:3px solid #ffffff22;box-shadow:0 12px 32px #0008}
.feature h2{margin-top:0}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:24px 0 0}
.chips span{background:var(--panel);border:1px solid #ffffff22;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700}
.note{background:var(--panel);border-left:4px solid var(--mint);border-radius:10px;padding:14px 18px;margin:28px 0}
footer{border-top:1px solid #ffffff1a;margin-top:48px;padding-top:20px;font-size:15px;color:var(--soft)}footer a{margin-right:16px}
ul{padding-left:22px}li{margin:.3em 0}
@media (max-width:620px){.feature,.feature:nth-child(even){flex-direction:column;text-align:center}.feature img{width:70%}h1{font-size:32px}}