:root{--navy:#071c38;--blue:#0d4f8f;--sky:#eef5fb;--gold:#d0a14a;--text:#14263c;--muted:#66768a;--line:#dce4ec;--white:#fff;--wrap:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);line-height:1.7;background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(calc(100% - 40px),var(--wrap));margin:auto}.topbar{background:var(--navy);color:#b9cadb;font-size:11px;letter-spacing:1px}.topbar .wrap{height:35px;display:flex;justify-content:space-between;align-items:center}header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 3px 18px rgba(7,28,56,.05)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;color:var(--navy)}.logo i{font:700 21px/1 Georgia,serif;color:#fff;background:var(--navy);font-style:normal;width:36px;height:36px;display:grid;place-items:center}.logo b{font-size:23px;margin-left:10px}.logo small{margin-left:13px;padding-left:13px;border-left:1px solid #ccd6df;color:#718195;letter-spacing:1px}.nav nav{display:flex;gap:28px;font-size:13px;color:#34485e}.nav nav a:hover{color:var(--blue)}.menu{display:none;background:#fff;border:1px solid #a8b5c1;padding:8px 12px}.hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#f7f9fb 0,#fff 55%,#e5eff8 100%);border-bottom:1px solid var(--line)}.hero-grid{position:absolute;inset:0;left:58%;background-image:linear-gradient(rgba(13,79,143,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(13,79,143,.06) 1px,transparent 1px);background-size:34px 34px;transform:skewX(-8deg)}.hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:85px;align-items:center;padding:92px 0}.overline{font-size:11px;letter-spacing:2px;font-weight:800;color:#b9d0e5}.overline:before{content:"";display:inline-block;width:28px;height:1px;background:var(--gold);margin-right:10px;vertical-align:middle}.overline.blue{color:var(--blue)}.overline.amber{color:#9b6421}.hero h1{font-size:clamp(46px,5vw,67px);line-height:1.13;letter-spacing:-3px;color:var(--navy);margin:20px 0 25px}.hero h1 em{display:inline-block;font-size:.66em;font-style:normal;color:var(--blue);letter-spacing:-1.5px}.intro{color:#50647a;font-size:17px;max-width:650px}.actions{display:flex;gap:12px;margin:34px 0 20px}.btn{padding:14px 24px;font-size:13px;font-weight:700;border:1px solid var(--navy)}.primary{background:var(--navy);color:#fff}.primary:hover{background:var(--blue)}.ghost{background:#fff;color:var(--navy)}.note{font-size:11px;color:#8290a0}.panel{background:#fff;border-top:4px solid var(--blue);padding:32px 36px;box-shadow:0 22px 60px rgba(7,39,74,.15)}.panel-title{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#78899b}.panel-title b{color:var(--blue)}.panel h2{font-size:24px;color:var(--navy);margin:22px 0 14px}.panel ul{list-style:none;padding:0;margin:0}.panel li{display:flex;gap:16px;border-top:1px solid var(--line);padding:12px 0}.panel li i{color:var(--blue);font-size:11px;font-style:normal}.panel li span b{display:block;font-size:14px}.panel li small{display:block;color:#748396}.facts{border-bottom:1px solid var(--line)}.facts .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.facts .wrap>div{padding:19px 24px;border-right:1px solid var(--line)}.facts .wrap>div:first-child{padding-left:0}.facts b{font-size:13px;color:var(--blue);display:block}.facts span{font-size:11px;color:#7a8897}.section{padding:98px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin-bottom:50px}.section h2,.games h2,.about h2{font-size:46px;line-height:1.2;color:var(--navy);letter-spacing:-2px;margin:15px 0 0}.section-head>p{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{position:relative;min-height:310px;padding:30px 25px;border:1px solid var(--line);transition:.2s}.cards article:hover{transform:translateY(-4px);border-top:3px solid var(--blue);box-shadow:0 15px 35px rgba(7,39,74,.09)}.cards i{font-style:normal;color:var(--blue);font-size:11px}.cards h3{margin-top:48px;font-size:19px}.cards p{color:var(--muted);font-size:14px}.cards a{position:absolute;bottom:25px;color:var(--blue);font-size:12px;font-weight:700}.games{background:var(--navy);color:#fff;padding:95px 0}.games-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:center}.games h2{color:#fff}.games p{color:#afc1d2}.game-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #35516d;border-left:1px solid #35516d}.game-list span{font-size:17px;font-weight:700;padding:25px;border-right:1px solid #35516d;border-bottom:1px solid #35516d}.game-list small{display:block;font-size:11px;color:#9db1c4;font-weight:400}.soft{background:var(--sky)}.framework{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:3px solid var(--blue)}.framework>div{padding:30px 24px;border-right:1px solid var(--line)}.framework>div:last-child{border:0}.framework b{color:var(--navy)}.framework p{font-size:13px;color:var(--muted)}.risk{background:#f6f7f8}.risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.risk-grid article{background:#fff;border:1px solid var(--line);border-top:3px solid #c68c35;padding:25px}.risk-grid p{color:var(--muted);font-size:14px}.faq-inner{display:grid;grid-template-columns:.35fr .65fr;gap:110px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:"+";color:var(--blue)}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);font-size:14px}.about{background:var(--blue);color:#fff;padding:68px 0}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about h2{color:#fff;font-size:38px}.about-inner>p{color:#d0e0ee}footer{background:#06172c;color:#9eafc0;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.2fr .6fr .6fr 1.2fr;gap:55px}.footer-logo{color:#fff}.footer-grid>div>p,.footer-grid a{font-size:12px}.footer-grid>div>a:not(.logo){display:block;margin-top:8px}.footer-grid>div>b{color:#fff;font-size:13px}.legal{border-left:1px solid #2a4158;padding-left:26px}.legal strong{color:#efbd68}.copyright{border-top:1px solid #2a4158;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;font-size:10px}.page{min-height:70vh;background:var(--navy);color:#fff;display:grid;place-items:center;text-align:center}.page h1{font-size:45px}.page p{max-width:700px;margin:15px auto 28px;color:#bbccdc}
@media(max-width:900px){.topbar{display:none}.nav nav{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;padding:20px;flex-direction:column}.nav nav.open{display:flex}.menu{display:block}.hero-inner,.section-head,.games-inner,.faq-inner,.about-inner{grid-template-columns:1fr;gap:40px}.cards,.framework{grid-template-columns:1fr 1fr}.risk-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero-grid{left:0;opacity:.4}}
@media(max-width:580px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.logo small{display:none}.hero-inner{padding:60px 0}.hero h1{font-size:43px;letter-spacing:-2px}.actions{flex-direction:column}.btn{text-align:center}.panel{padding:24px}.facts .wrap,.cards,.framework,.risk-grid,.footer-grid,.game-list{grid-template-columns:1fr}.facts .wrap>div{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.section{padding:72px 0}.section h2,.games h2,.about h2{font-size:37px}.cards article{min-height:270px}.footer-grid{gap:30px}.legal{border-left:0;padding-left:0}.copyright{flex-direction:column;gap:7px}}

/* AX77 Arena: esports technology identity */
.telegram-float{position:fixed;right:24px;bottom:24px;z-index:120;display:flex;align-items:center;gap:10px;padding:12px 17px;border-radius:999px;background:#229ed9;color:#fff!important;font-size:13px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.35)}.telegram-float svg{width:22px;height:22px;fill:currentColor}@media(max-width:580px){.telegram-float{right:14px;bottom:14px;padding:12px}.telegram-float span{display:none}}
:root{--navy:#070912;--blue:#00c8ff;--sky:#111522;--gold:#8f5cff;--text:#eaf7ff;--muted:#8fa1b6;--line:#242a3a}body{background:#090c14;color:var(--text)}.topbar{background:#05070c;border-bottom:1px solid #22283a;color:#6ce4ff}.topbar span:last-child{color:#9b88ff}header{background:rgba(8,11,19,.96);border-bottom-color:#252b3a;box-shadow:none}.logo{color:#fff}.logo i{background:linear-gradient(135deg,#00d5ff,#7958ff);color:#05070c}.logo small{color:#798ba2;border-color:#2a3444}.nav nav{color:#b2c0d0}.nav nav a:hover{color:#00d5ff}.hero{background:radial-gradient(circle at 76% 25%,rgba(78,54,180,.28),transparent 33%),linear-gradient(115deg,#080b13,#10182b);border-color:#242b3d}.hero-grid{left:53%;background-image:linear-gradient(rgba(0,200,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(143,92,255,.09) 1px,transparent 1px);transform:perspective(500px) rotateY(-9deg);opacity:.65}.overline{color:#00c8ff}.overline:before{background:#8f5cff}.hero h1{color:#fff}.hero h1 em{color:#6ddcff}.intro{color:#a6b5c8}.primary{background:linear-gradient(90deg,#00b9e8,#6955f5);border:0;color:#fff}.ghost{background:transparent;color:#c9eaff;border-color:#42536d}.panel{background:rgba(12,17,29,.9);border:1px solid #2a354b;border-top:3px solid #00c8ff;box-shadow:0 25px 70px rgba(0,0,0,.38)}.panel h2,.panel li span b{color:#fff}.panel-title,.panel li small{color:#8294aa}.panel-title b,.panel li i{color:#00d5ff}.panel li{border-color:#263145}.facts{background:#080b12;border-color:#252c3b}.facts .wrap>div{border-color:#252c3b}.facts b{color:#00d5ff}.facts .wrap>div:nth-child(even) b{color:#9b77ff}.section{background:#0c101a}.section h2,.games h2,.about h2{color:#fff}.section-head>p,.cards p,.risk-grid p,.faq details p{color:#91a0b4}.cards article{background:#111623;border-color:#283043}.cards article:hover{border-top-color:#00c8ff;box-shadow:0 16px 40px rgba(0,200,255,.08)}.cards i,.cards a,.overline.blue{color:#00c8ff}.games{background:linear-gradient(120deg,#11162a,#24154a)}.game-list,.game-list span{border-color:#4e4770}.soft{background:#0a0d16}.framework{background:#111623;border-top-color:#8f5cff}.framework>div{border-color:#293144}.framework b{color:#77ddff}.risk{background:#0d1018}.risk-grid article{background:#131724;border-color:#303647;border-top-color:#ff4f86}.faq{background:#090c14}.faq details{border-color:#283043}.faq summary:after{color:#00d5ff}.about{background:linear-gradient(90deg,#115b79,#452a91)}footer{background:#05070c}.page{background:radial-gradient(circle at 60% 30%,#242054,#080b14)}