:root{--blue:#168cff;--cyan:#65d7ff;--bg:#05080e;--panel:#0b1421;--muted:#9baabd;--white:#f4f8ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16;background:#05080ee8;position:absolute;z-index:5;top:0;width:100%}.brand{font-weight:900;letter-spacing:.16em;font-size:17px}.brand-mark{color:var(--cyan);font-size:25px;vertical-align:-2px;margin-right:7px;text-shadow:0 0 16px var(--blue)}nav{display:flex;gap:34px;color:#c1cede;font-size:13px}nav a:hover,footer a:hover{color:var(--cyan)}.nav-cta{border:1px solid #278fff;padding:12px 18px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.hero{min-height:760px;height:100vh;max-height:1000px;position:relative;overflow:hidden;display:flex;align-items:center;padding:130px 12vw 90px;background:radial-gradient(ellipse at 78% 48%,#073a70 0,#07182b 24%,#05080e 62%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05080e 4%,transparent 75%),repeating-linear-gradient(115deg,transparent 0 80px,#65baff08 81px 82px);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:650px}.eyebrow{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.22em}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);margin-right:9px}h1{font-size:clamp(58px,9vw,116px);line-height:.88;letter-spacing:-.07em;margin:28px 0}h1 em,h2 em{font-style:normal;color:var(--cyan);text-shadow:0 0 28px #168cff55}.hero-copy,.section-copy{max-width:470px;color:#b4c1d2;line-height:1.8}.hero-actions{display:flex;gap:14px;margin-top:34px}.button{display:inline-block;padding:15px 22px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.primary{background:var(--blue);box-shadow:0 0 26px #168cff44}.primary:hover{background:#45a8ff}.secondary{border:1px solid #ffffff55}.orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.orb-one{width:420px;height:420px;right:12%;top:22%;border:1px solid #4cbaff66;box-shadow:0 0 80px #087bdb33,inset 0 0 90px #087bdb22}.orb-two{width:290px;height:290px;right:17%;top:30%;border:1px solid #6bdcff55;box-shadow:0 0 80px #168cff55,inset 0 0 70px #168cff22}.hero-stamp{position:absolute;z-index:2;right:17%;top:42%;display:flex;flex-direction:column;text-align:center;letter-spacing:.35em;color:#b9eaff;font-size:10px;transform:rotate(-12deg)}.hero-stamp b{font-size:25px;color:white;letter-spacing:.12em;text-shadow:0 0 20px var(--blue)}.scroll-note{position:absolute;z-index:2;bottom:35px;left:12vw;font-size:9px;letter-spacing:.2em;color:#8b9aab}.scroll-note span{color:var(--cyan);margin-left:12px}.section{padding:115px 12vw}.intro{background:#080e18}.intro h2,.section h2{font-size:clamp(38px,6vw,72px);letter-spacing:-.055em;line-height:.98;margin:22px 0}.section-copy{margin-top:28px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px}.index{font-size:11px;color:#6e8299;letter-spacing:.15em}.games{background:linear-gradient(180deg,#080e18,#05080e)}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.game-card{min-height:320px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #ffffff20;background:linear-gradient(145deg,#102a46,#07101c 70%);position:relative;overflow:hidden}.game-card:after{content:"";position:absolute;width:230px;height:230px;border:1px solid #64caff55;border-radius:50%;right:-70px;top:30px;box-shadow:0 0 50px #168cff22}.game-football{background:linear-gradient(145deg,#12364b,#07101c 70%)}.game-mobile{background:linear-gradient(145deg,#172c50,#07101c 70%)}.card-number{font-size:11px;color:var(--cyan)}.game-card div{position:relative;z-index:1}.game-card p{font-size:9px;letter-spacing:.18em;color:var(--cyan)}.game-card h3{font-size:25px;margin:10px 0}.game-card div span{font-size:12px;color:#aab9ca}.esports{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:radial-gradient(ellipse at 10% 50%,#0a2a4b,#05080e 65%)}.esports-copy{color:#b4c1d2;line-height:1.9;max-width:440px}.text-link{display:inline-block;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.1em;margin-top:18px}.text-link span{margin-left:12px}.community{text-align:center;background:linear-gradient(180deg,#05080e,#09182a);padding-top:130px;padding-bottom:130px}.community h2{margin-bottom:20px}.community>p:not(.eyebrow){color:#b4c1d2}.community .button{margin-top:20px}.small-note{font-size:11px;color:#6e8299!important;margin-top:26px}footer{padding:28px 7vw;border-top:1px solid #ffffff18;display:flex;justify-content:space-between;align-items:center;color:#8292a5;font-size:9px;letter-spacing:.12em}footer .brand{color:white;font-size:14px}footer>a:last-child{color:var(--cyan)}
@media(max-width:760px){.site-header{padding:0 6vw;height:70px}nav{display:none}.nav-cta{padding:10px 12px;font-size:9px}.hero{min-height:700px;padding:120px 7vw 90px}.hero-stamp{right:10%;top:65%;opacity:.7}.orb-one{right:-35%;top:32%}.orb-two{right:-22%;top:38%}.scroll-note{left:7vw}.section{padding:85px 7vw}.game-grid{grid-template-columns:1fr}.game-card{min-height:250px}.esports{grid-template-columns:1fr;gap:10px}footer{padding:25px 6vw;gap:18px;flex-wrap:wrap}footer span{order:3;width:100%}}
