@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap";
:root{--black:#050505;--black-2:#090909;--panel:#0d0d0f;--panel-2:#121216;--pink:#ff168f;--pink-2:#ff45ae;--pink-dark:#b90068;--white:#fff;--text:#d7d7dc;--muted:#777780;--line:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:Inter,sans-serif;overflow-x:hidden}body::selection{background:var(--pink);color:#fff}a{color:inherit;text-decoration:none}button{font-family:inherit}.navbar{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050505c7;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;width:100%;height:78px;padding:0 5%;display:flex;position:fixed;top:0;left:0}.nav-logo img{width:125px;height:auto;display:block}.navbar nav{align-items:center;gap:28px;display:flex}.navbar nav a{color:#85858c;letter-spacing:.08em;font-size:11px;font-weight:800;transition:all .25s;position:relative}.navbar nav a:hover,.navbar nav a.active{color:#fff}.navbar nav a.active:after{content:"";background:var(--pink);height:2px;box-shadow:0 0 12px var(--pink);position:absolute;bottom:-10px;left:0;right:0}.nav-actions{align-items:center;gap:10px;display:flex}.social-button{border:1px solid var(--line);color:#aaa;border-radius:5px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;transition:all .2s;display:grid}.social-button:hover{color:#fff;border-color:var(--pink)}.main-button{background:var(--pink);letter-spacing:.08em;border-radius:5px;padding:11px 17px;font-size:9px;font-weight:900;transition:all .2s;box-shadow:0 0 25px #ff168f38}.main-button:hover{background:var(--pink-2);transform:translateY(-2px);box-shadow:0 0 35px #ff168f66}.hero{align-items:center;min-height:850px;padding:130px 7% 80px;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;background:radial-gradient(circle at 75% 35%,#ff168f42,#0000 28%),radial-gradient(circle at 15% 70%,#ff168f1a,#0000 25%),linear-gradient(110deg,#050505 0%,#090709 45%,#160914 100%);position:absolute;inset:0}.hero-background:before{content:"";opacity:.6;background:linear-gradient(125deg,#0000 20%,#ff168f14 20.2%,#0000 20.5%),linear-gradient(305deg,#0000 60%,#ffffff06 60.2%,#0000 60.5%);position:absolute;inset:0}.hero-background:after{content:"";filter:blur(20px);background:radial-gradient(circle,#ff168f33,#0000 65%);border-radius:50%;width:800px;height:800px;position:absolute;top:-150px;right:-300px}.hero-overlay{z-index:1;background:linear-gradient(90deg,#050505f5 0%,#050505b8 45%,#05050540 100%);position:absolute;inset:0}.hero-content{z-index:2;grid-template-columns:.95fr 1.05fr;align-items:center;gap:70px;width:100%;max-width:1500px;margin:auto;display:grid;position:relative}.hero-info{max-width:610px}.event-label{border-left:3px solid var(--pink);color:var(--pink-2);letter-spacing:.2em;background:#ff168f14;padding:7px 11px;font-size:9px;font-weight:900;display:inline-flex}.hero-logo{filter:drop-shadow(0 0 30px #ff168f24);width:min(500px,100%);height:auto;margin:24px 0 22px;display:block}.hero-description{color:#a5a5ab;max-width:500px;font-size:14px;line-height:1.7}.event-date{color:#ff72bd;letter-spacing:.12em;background:#ff168f0e;border:1px solid #ff168f47;margin-top:24px;padding:10px 13px;font-size:9px;font-weight:900;display:inline-block}.countdown{gap:9px;margin-top:28px;display:flex}.count-box{text-align:center;border:1px solid var(--line);background:#ffffff09;border-radius:5px;width:75px;padding:12px 8px}.count-box strong{font-family:Barlow Condensed,sans-serif;font-size:38px;font-weight:900;line-height:1;display:block}.count-box span{color:#777780;letter-spacing:.1em;margin-top:6px;font-size:8px;font-weight:900;display:block}.start-text{color:#686870;letter-spacing:.08em;margin-top:11px;font-size:9px;font-weight:800}.featured-stream{background:#0b0b0e;border:1px solid #ff168f47;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 30px 100px #000000a6,0 0 80px #ff168f17}.featured-top{border-bottom:1px solid var(--line);background:#ffffff06;justify-content:space-between;align-items:center;height:47px;padding:0 16px;display:flex}.live-indicator{color:#ff447f;align-items:center;gap:7px;font-size:9px;font-weight:900;display:flex}.live-indicator span{background:#ff174f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #ff174f}.platform-label{color:#777780;letter-spacing:.1em;font-size:8px;font-weight:900}.featured-preview{background:radial-gradient(circle,#ff168f38,#0000 38%),linear-gradient(135deg,#160811,#09090c 45%,#180914);place-items:center;height:360px;display:grid;position:relative}.featured-preview:before{content:"";background:repeating-linear-gradient(135deg,#0000,#0000 40px,#ffffff05 40px 42px);position:absolute;inset:0}.preview-glow{text-align:center;position:relative;transform:skew(-7deg)}.preview-glow span{color:#ffffff47;letter-spacing:.16em;font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:900;display:block}.preview-glow strong{color:var(--pink);letter-spacing:-.04em;text-shadow:0 0 25px #ff168f66,0 0 70px #ff168f2e;margin-top:-8px;font-family:Barlow Condensed,sans-serif;font-size:clamp(60px,8vw,110px);font-weight:900;line-height:.85;display:block}.featured-info{background:#0d0d10;align-items:center;gap:12px;min-height:85px;padding:15px 17px;display:flex}.streamer-avatar{background:linear-gradient(135deg, var(--pink), var(--pink-dark));border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:18px;font-weight:900;display:grid;box-shadow:0 0 20px #ff168f38}.streamer-details{min-width:0}.streamer-details h2{font-size:15px;font-weight:900}.streamer-details p{color:#777780;margin-top:4px;font-size:9px}.tag{letter-spacing:.07em;border-radius:3px;padding:4px 7px;font-size:7px;font-weight:900}.stream-tag{color:#ff55b1;background:#ff168f1f}.pro-tag{color:#fff;background:#ffffff1a;border:1px solid #ffffff29}.watch-live{background:var(--pink);border-radius:4px;margin-left:auto;padding:10px 13px;font-size:8px;font-weight:900;transition:all .2s}.watch-live:hover{background:var(--pink-2);transform:translateY(-2px)}.section{width:100%;max-width:1450px;margin:auto;padding:100px 5%}.streams-section{background:linear-gradient(180deg, var(--black), #080809)}.section-title{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px;display:flex}.eyebrow{color:var(--pink);letter-spacing:.22em;margin-bottom:7px;font-size:8px;font-weight:900;display:block}.section-title h2{letter-spacing:-.03em;font-family:Barlow Condensed,sans-serif;font-size:clamp(40px,5vw,58px);font-weight:900;line-height:.95}.section-title h2 span{color:var(--pink)}.section-title p{color:#696970;margin-top:8px;font-size:11px}.live-count,.update-status{color:#ff5eae;background:#ff168f0a;border:1px solid #ff168f33;border-radius:4px;padding:8px 11px;font-size:8px;font-weight:900}.streams-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.stream-card{border:1px solid var(--line);background:var(--panel);border-radius:7px;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}.stream-card:hover{border-color:#ff168f73;transform:translateY(-6px);box-shadow:0 20px 45px #0006,0 0 30px #ff168f0f}.card-preview{background:radial-gradient(circle at 50% 40%,#ff168f29,#0000 45%),#101014;height:175px;position:relative;overflow:hidden}.preview-background{opacity:.8;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:skew(-6deg)}.preview-background span{color:#6b6b72;letter-spacing:.1em;font-family:Barlow Condensed,sans-serif;font-size:23px;font-weight:900}.preview-background strong{color:#ff168f8c;margin-top:-6px;font-family:Barlow Condensed,sans-serif;font-size:48px;font-weight:900;line-height:.9}.offline-status{color:#85858c;background:#000000b3;border-radius:3px;padding:5px 8px;font-size:7px;font-weight:900;position:absolute;top:10px;left:10px}.card-info{align-items:center;gap:10px;min-height:70px;padding:11px;display:flex}.card-avatar{background:linear-gradient(135deg, var(--pink), var(--pink-dark));border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:grid}.card-name{min-width:0}.card-name h3{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;overflow:hidden}.card-name p{color:#66666e;margin-top:3px;font-size:8px}.card-info .tag{margin-left:auto}.participants-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 75%,#ff168f38,#0000 25%),linear-gradient(110deg,#070707,#10080e);align-items:center;min-height:500px;padding:100px 8%;display:flex;position:relative;overflow:hidden}.participants-section:after{content:"";border:1px solid #ff168f1f;border-radius:50%;width:700px;height:700px;position:absolute;bottom:-250px;right:-150px;box-shadow:0 0 80px #ff168f0f}.participants-content{z-index:2;max-width:600px;position:relative}.participants-content h2{letter-spacing:-.045em;font-family:Barlow Condensed,sans-serif;font-size:clamp(55px,7vw,100px);font-weight:900;line-height:.83}.participants-content h2 span{color:var(--pink)}.participants-content p{color:#85858c;max-width:450px;margin-top:25px;font-size:12px;line-height:1.7}.outline-button{color:#ff62b7;border:1px solid #ff168f80;border-radius:4px;margin-top:25px;padding:12px 17px;font-size:9px;font-weight:900;transition:all .2s;display:inline-block}.outline-button:hover{background:var(--pink);color:#fff}.ranking-section{background:#060607}.ranking-table{border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow:hidden}.ranking-header,.ranking-row{grid-template-columns:55px 2fr 1fr .7fr .6fr .6fr .7fr;align-items:center;display:grid}.ranking-header{color:#66666e;letter-spacing:.08em;background:#121216;min-height:48px;padding:0 20px;font-size:8px;font-weight:900}.ranking-row{border-top:1px solid var(--line);color:#a8a8ae;min-height:68px;padding:0 20px;font-size:10px;transition:all .2s}.ranking-row:hover{background:#ff168f09}.rank-position{color:#777780;font-family:Barlow Condensed,sans-serif;font-size:23px;font-weight:900}.rank-player{color:#fff;align-items:center;gap:10px;display:flex}.rank-avatar{background:linear-gradient(135deg, var(--pink), var(--pink-dark));border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.rank-player strong{font-size:11px}.rank-value{color:#aaaab0}.win-value{color:#55dc91;font-weight:800}.loss-value{color:#ee626b;font-weight:800}.pro-player{background:linear-gradient(90deg,#ffffff06,#0000)}.tournament-section{border-top:1px solid var(--line);background:linear-gradient(120deg,#080808,#11070d);align-items:center;min-height:430px;padding:80px 8%;display:flex}.tournament-section h2{letter-spacing:-.05em;font-family:Barlow Condensed,sans-serif;font-size:clamp(70px,10vw,140px);font-weight:900;line-height:.78}.tournament-section h2 span{color:var(--pink);margin-left:15px}.tournament-section p{color:#777780;max-width:520px;margin-top:25px;font-size:12px;line-height:1.7}footer{border-top:1px solid var(--line);color:#55555d;letter-spacing:.08em;justify-content:space-between;align-items:center;min-height:100px;padding:30px 7%;font-size:8px;font-weight:700;display:flex}footer img{width:105px;height:auto}@media (max-width:1150px){.navbar nav{gap:15px}.hero-content{grid-template-columns:1fr;gap:50px}.hero{padding-top:120px}.featured-stream{max-width:850px}.streams-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:750px){.navbar{height:68px;padding:0 18px}.nav-logo img{width:100px}.navbar nav,.social-button{display:none}.main-button{padding:9px 11px;font-size:8px}.hero{min-height:auto;padding:110px 20px 60px}.hero-content{gap:45px}.hero-logo{width:300px}.hero-description{font-size:12px}.countdown{gap:5px}.count-box{width:62px}.count-box strong{font-size:30px}.featured-preview{height:270px}.featured-info{flex-wrap:wrap}.watch-live{text-align:center;width:100%}.section{padding:70px 20px}.section-title{flex-direction:column;align-items:flex-start}.streams-grid{grid-template-columns:1fr}.participants-section{padding:80px 20px}.ranking-section{overflow-x:auto}.ranking-table{min-width:720px}footer{flex-direction:column;align-items:flex-start;gap:15px;padding:30px 20px}}