:root{
  --ice:#eef8ff;
  --white:#ffffff;
  --blue:#1687ff;
  --blue2:#54b7ff;
  --blue3:#8bd5ff;
  --navy:#03142d;
  --navy2:#071f44;
  --silver:#d9ecff;
  --gold:#e8c774;
  --ink:#0a2748;
  --muted:#69839d;
  --line:#cfe7fb;
  --max:1380px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#f7fbff 0,#edf7ff 100%);color:var(--ink);font-family:Arial,"Segoe UI",sans-serif}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.x-wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.x-header{position:sticky;top:0;z-index:60;background:rgba(3,20,45,.96);border-bottom:1px solid rgba(84,183,255,.35);box-shadow:0 8px 28px rgba(0,27,66,.35);backdrop-filter:blur(12px)}
.x-header-inner{height:82px;display:grid;grid-template-columns:240px 1fr auto 46px;align-items:center;gap:20px}.x-logo{display:flex;align-items:center}.x-logo img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid rgba(139,213,255,.9);box-shadow:0 0 0 4px rgba(22,135,255,.12),0 0 30px rgba(22,135,255,.48)}
.x-nav{display:flex;align-items:stretch;justify-content:center;height:100%}.x-nav a{display:flex;align-items:center;padding:0 18px;color:#dcefff;font-weight:800;font-size:14px;text-transform:uppercase;position:relative;letter-spacing:.3px}.x-nav a:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue3));transform:scaleX(0);transition:.22s}.x-nav a:hover,.x-nav a.active{color:#fff}.x-nav a:hover:after,.x-nav a.active:after{transform:scaleX(1)}
.x-account-actions{display:flex;gap:8px}.x-btn{padding:11px 16px;border-radius:3px;font-size:13px;font-weight:900;text-transform:uppercase}.x-btn-ghost{border:1px solid rgba(139,213,255,.45);color:#dff4ff;background:rgba(255,255,255,.04)}.x-btn-red{background:linear-gradient(180deg,#57b9ff,#0879ed);border:1px solid #8fd5ff;color:#fff;box-shadow:0 0 24px rgba(22,135,255,.28)}.nav-toggle{display:none;border:1px solid rgba(139,213,255,.4);background:rgba(255,255,255,.06);color:#fff;width:42px;height:42px}
.x-hero{position:relative;min-height:700px;background-image:var(--hero);background-size:cover;background-position:center 40%;isolation:isolate;overflow:hidden}.x-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(1,15,37,.92),rgba(2,25,60,.25) 34%,rgba(2,25,60,.18) 68%,rgba(1,15,37,.88)),linear-gradient(180deg,rgba(4,29,66,.12),rgba(1,12,31,.82))}.x-hero:after{content:"";position:absolute;inset:-15%;z-index:-1;background:radial-gradient(circle at 50% 36%,rgba(73,171,255,.28),transparent 34%),radial-gradient(circle at 50% 65%,rgba(22,135,255,.20),transparent 52%);pointer-events:none}.x-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,22,50,.05),rgba(2,17,40,.48)),radial-gradient(circle at 50% 38%,transparent 0 24%,rgba(0,0,0,.16) 64%,rgba(0,0,0,.52));pointer-events:none}.x-hero-content{min-height:700px;display:grid;grid-template-columns:260px 1fr 260px;align-items:center;position:relative;z-index:1}.x-server-box{align-self:start;margin-top:96px;color:#fff;border-left:3px solid var(--blue2);padding:18px 20px;background:linear-gradient(90deg,rgba(3,37,81,.88),rgba(4,42,92,.20));box-shadow:0 12px 40px rgba(0,0,0,.28),inset 0 0 25px rgba(52,164,255,.05)}.x-server-label{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#bde7ff}.x-server-box strong{display:block;margin:7px 0 10px;font-family:Georgia,serif;font-size:25px;color:#fff;text-shadow:0 0 12px rgba(98,194,255,.75)}.x-server-box span{font-size:13px;color:#d7f6df}.x-server-box i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4fe681;box-shadow:0 0 12px #4fe681;margin-right:7px}.x-hero-center{text-align:center;color:#fff;padding-top:26px}.x-hero-logo{width:330px;height:330px;border-radius:50%;object-fit:cover;margin:0 auto 22px;border:4px solid rgba(180,225,255,.95);box-shadow:0 0 0 12px rgba(26,133,255,.12),0 0 80px rgba(29,145,255,.75),0 24px 50px rgba(0,0,0,.48)}.x-hero-center p{font-family:Georgia,serif;font-style:italic;font-size:22px;color:#eaf8ff;text-shadow:0 2px 8px #000}.x-hero-buttons{display:flex;justify-content:center;gap:14px;margin-top:28px}.x-cta{min-width:180px;padding:15px 22px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;border:1px solid transparent;box-shadow:0 10px 26px rgba(0,0,0,.25)}.x-cta.primary{color:#fff;background:linear-gradient(180deg,#54b7ff,#087aed);border-color:#a8dcff;box-shadow:0 0 28px rgba(32,147,255,.38)}.x-cta.secondary{color:#eefaff;background:rgba(3,32,70,.76);border-color:rgba(139,213,255,.75)}.x-play{justify-self:end;display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;text-transform:uppercase;font-weight:800;font-size:11px;letter-spacing:1.2px}.x-play span{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;padding-left:5px;font-size:30px;background:linear-gradient(180deg,#4fb6ff,#0b6ed8);border:2px solid rgba(216,243,255,.98);box-shadow:0 0 0 10px rgba(58,162,255,.12),0 0 40px rgba(32,147,255,.8)}.x-hero-bottom{position:absolute;left:0;right:0;bottom:0;height:38px;background:linear-gradient(135deg,transparent 14px,#eef7ff 0) 0 0/28px 28px repeat-x}
.x-quickbar{background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);box-shadow:0 8px 28px rgba(16,79,135,.10)}.x-quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.x-quick-grid>a{display:flex;align-items:center;gap:14px;padding:22px 28px;border-right:1px solid var(--line);transition:.2s}.x-quick-grid>a:first-child{border-left:1px solid var(--line)}.x-quick-grid>a:hover{background:linear-gradient(180deg,#f5fbff,#e8f6ff);transform:translateY(-2px)}.x-quick-grid b{font-family:Georgia,serif;font-size:27px;color:var(--blue);text-shadow:0 0 16px rgba(22,135,255,.25)}.x-quick-grid span{display:flex;flex-direction:column}.x-quick-grid strong{text-transform:uppercase;font-size:15px}.x-quick-grid small{color:var(--muted);margin-top:3px}
.x-main-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) 330px;gap:24px;padding:54px 0}.x-card{background:rgba(255,255,255,.97);border:1px solid var(--line);box-shadow:0 14px 34px rgba(25,87,139,.10)}.x-card-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#f1f9ff)}.x-card-head h3{margin:0;font-family:Georgia,serif;text-transform:uppercase;font-size:19px;color:#0b3e72}.x-card-head>a{font-size:12px;color:var(--blue);font-weight:800}.x-tabs{height:100%;display:flex}.x-tabs button{border:0;background:none;padding:0 18px;font:800 15px Arial;text-transform:uppercase;color:#7890a8;border-bottom:3px solid transparent}.x-tabs button.active{color:var(--blue);border-color:var(--blue)}.x-feature-news{display:grid;grid-template-columns:42% 1fr;gap:18px;padding:20px;border-bottom:1px solid var(--line)}.x-feature-news img{width:100%;height:175px;object-fit:cover}.x-feature-news span{display:inline-block;padding:4px 8px;background:linear-gradient(180deg,#4eb6ff,#0879ed);color:#fff;font-size:10px;font-weight:900}.x-feature-news h2{margin:10px 0 8px;font-family:Georgia,serif;font-size:21px;line-height:1.25}.x-feature-news p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.x-list,.x-event-list,.x-schedule ul{list-style:none;margin:0;padding:8px 20px 16px}.x-list li,.x-event-list li{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-bottom:1px dashed #d7e9f7;font-size:13px}.x-list a,.x-event-list a{font-weight:700}.x-list time,.x-event-list time{color:#7d94a8;font-size:11px}.x-event-banner{height:280px;margin:20px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:#fff;background-image:linear-gradient(180deg,transparent 20%,rgba(1,25,58,.94)),var(--event);background-size:cover;background-position:center}.x-event-banner span{align-self:flex-start;background:linear-gradient(180deg,#59bcff,#087aed);padding:5px 8px;font-size:10px;font-weight:900;text-transform:uppercase}.x-event-banner strong{font-family:Georgia,serif;font-size:27px;margin:10px 0 5px;text-shadow:0 2px 3px #000}.x-event-banner small{color:#d7efff}.x-event-list a span{color:var(--blue);margin-right:8px}.x-side-stack{display:flex;flex-direction:column;gap:24px}.x-rank-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.x-rank-tabs span{text-align:center;padding:11px 4px;font-size:11px;font-weight:800;color:#6b8297}.x-rank-tabs .active{color:#fff;background:linear-gradient(180deg,#4fb6ff,#0a78e8)}.x-ranking ol{list-style:none;margin:0;padding:8px 18px 18px}.x-ranking li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px dashed #d7e9f7;font-size:12px}.x-ranking li b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e6f4ff;color:#236595}.x-ranking li:first-child b{background:linear-gradient(180deg,#f0d991,#cba64e);color:#fff}.x-ranking li span{font-weight:700}.x-ranking li em{font-style:normal;color:#7890a5}.x-schedule li{display:grid;grid-template-columns:72px 1fr auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px dashed #d7e9f7;font-size:11px}.x-schedule span{color:var(--blue);font-weight:900}.x-schedule strong{font-size:12px}.x-schedule em{font-style:normal;color:#7890a5}.x-community{margin-bottom:55px;padding:34px 38px;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:30px;background:linear-gradient(135deg,#041d42,#0c4d92 58%,#1687ff);color:#fff;border:1px solid #5bbcff;box-shadow:0 18px 45px rgba(6,59,111,.24)}.x-community small{text-transform:uppercase;color:#cbeaff;letter-spacing:2px;font-weight:900}.x-community h2{margin:7px 0;font-family:Georgia,serif;font-size:28px}.x-community p{margin:0;color:#e7f5ff}.x-community-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.x-community-links a{display:flex;align-items:center;gap:12px;padding:15px;background:rgba(255,255,255,.08);border:1px solid rgba(170,221,255,.22)}.x-community-links b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue);font-size:17px;box-shadow:0 0 18px rgba(72,177,255,.32)}.x-community-links span{display:flex;flex-direction:column;font-weight:800}.x-community-links small{font-weight:400;letter-spacing:0;text-transform:none;color:#dcefff;margin-top:3px}.x-footer{background:#021127;border-top:3px solid var(--blue);color:#d9ebf8;padding:32px 0}.x-footer-inner{display:grid;grid-template-columns:230px 1fr auto;align-items:center;gap:30px}.x-footer img{width:78px;height:78px;border-radius:50%;object-fit:cover;border:2px solid rgba(139,213,255,.9);box-shadow:0 0 24px rgba(22,135,255,.42)}.x-footer p{margin:0 0 5px}.x-footer small{color:#8fa9bd}.x-footer-links{display:flex;gap:18px;font-size:12px}.x-footer-links a:hover{color:#fff}
@media(max-width:1100px){.x-header-inner{grid-template-columns:210px 1fr auto 46px}.x-nav a{padding:0 10px;font-size:12px}.x-main-grid{grid-template-columns:1fr 1fr}.x-side-stack{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.x-hero-content{grid-template-columns:220px 1fr 180px}.x-hero-logo{width:280px;height:280px}}
@media(max-width:800px){.x-wrap{width:min(100% - 24px,var(--max))}.x-header-inner{grid-template-columns:1fr auto 44px;height:70px}.x-logo img{width:58px;height:58px}.x-nav{display:none;position:absolute;left:0;right:0;top:70px;height:auto;flex-direction:column;background:#03142d;padding:10px;border-top:1px solid rgba(139,213,255,.18)}.x-nav.open{display:flex}.x-nav a{min-height:44px;color:#dcefff}.x-account-actions{display:none}.nav-toggle{display:block}.x-hero,.x-hero-content{min-height:610px}.x-hero-content{grid-template-columns:1fr;text-align:center}.x-server-box{display:none}.x-play{justify-self:center;margin-top:20px}.x-hero-center{padding-top:86px}.x-hero-logo{width:260px;height:260px}.x-quick-grid{grid-template-columns:1fr 1fr}.x-main-grid{grid-template-columns:1fr;padding:30px 0}.x-side-stack{grid-column:auto;grid-template-columns:1fr}.x-community{grid-template-columns:1fr;padding:28px 22px}.x-community-links{grid-template-columns:1fr}.x-footer-inner{grid-template-columns:1fr;text-align:center}.x-footer img{margin:auto}.x-footer-links{justify-content:center}.x-feature-news{grid-template-columns:1fr}.x-feature-news img{height:210px}}
@media(max-width:480px){.x-hero-buttons{flex-direction:column;align-items:center}.x-cta{width:100%;max-width:290px}.x-quick-grid{grid-template-columns:1fr}.x-quick-grid>a{border-left:1px solid var(--line)}.x-event-banner{height:230px;margin:12px}.x-event-banner strong{font-size:22px}.x-hero-logo{width:220px;height:220px}}