:root{--color-bg-deep: #04060f;--color-bg-card: rgba(10, 16, 30, .65);--color-bg-card-hover: rgba(16, 26, 48, .85);--color-border: rgba(30, 48, 88, .4);--color-primary: #00f2fe;--color-primary-glow: rgba(0, 242, 254, .3);--color-secondary: #ffd700;--color-secondary-glow: rgba(255, 215, 0, .3);--color-accent: #ff4655;--color-accent-glow: rgba(255, 70, 85, .3);--color-win: #00ffaa;--color-loss: #ff3366;--color-text-bright: #f8fafc;--color-text-mid: #94a3b8;--color-text-muted: #475569;--font-display: "Orbitron", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .4s cubic-bezier(.16, 1, .3, 1);--transition-slow: .8s cubic-bezier(.16, 1, .3, 1);--shadow-neon: 0 0 25px rgba(0, 242, 254, .15);--shadow-gold: 0 0 25px rgba(255, 215, 0, .15)}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-bg-deep)}body{background-color:var(--color-bg-deep);color:var(--color-text-bright);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;position:relative;background-image:linear-gradient(rgba(0,242,254,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,254,.02) 1px,transparent 1px);background-size:40px 40px;background-attachment:fixed}.bg-orb{position:fixed;border-radius:50%;filter:blur(150px);z-index:-2;opacity:.14;pointer-events:none;animation:floatOrb 20s infinite alternate ease-in-out}.orb-1{width:500px;height:500px;background:var(--color-primary);top:-10%;left:-10%}.orb-2{width:600px;height:600px;background:#7c3aed;bottom:-15%;right:-10%;animation-delay:-8s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(60px,-40px) scale(1.1)}}.bg-cube{position:fixed;background:#00f2fe04;border:1.5px solid rgba(0,242,254,.08);box-shadow:inset 0 0 15px #00f2fe0d,0 0 20px #00f2fe05;z-index:-1;pointer-events:none;border-radius:4px;animation:floatCube 20s infinite linear}.cube-1{width:60px;height:60px;top:25%;left:8%;animation-duration:25s}.cube-2{width:90px;height:90px;top:55%;right:12%;animation-duration:35s;animation-delay:-5s}.cube-3{width:45px;height:45px;top:75%;left:20%;animation-duration:18s;animation-delay:-12s}@keyframes floatCube{0%{transform:rotate(0) translateY(0) scale(1)}50%{transform:rotate(180deg) translateY(-30px) scale(1.05)}to{transform:rotate(360deg) translateY(0) scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-deep)}::-webkit-scrollbar-thumb{background:#111a2e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary);box-shadow:var(--shadow-neon)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.glow-text-primary{color:var(--color-primary);text-shadow:0 0 15px rgba(0,242,254,.4);background:linear-gradient(135deg,#ffffff 40%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glow-text-secondary{color:var(--color-secondary);text-shadow:0 0 15px rgba(255,215,0,.4);background:linear-gradient(135deg,#ffffff 40%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glow-border-wrap{position:relative;border-radius:16px;background:linear-gradient(135deg,#1e305866,#00f2fe26);padding:1px;transition:all var(--transition-normal);box-shadow:0 10px 30px #0006}.glow-border-wrap:hover{background:linear-gradient(135deg,#00f2fe80,#7c3aed66);transform:translateY(-4px);box-shadow:0 15px 35px #00f2fe1f,var(--shadow-neon)}.glow-border-wrap.gold-active{background:linear-gradient(135deg,#ffd70066,#cd7f3233)}.glow-border-wrap.gold-active:hover{background:linear-gradient(135deg,#ffd700cc,#f59e0b80);box-shadow:0 15px 35px #ffd70026,var(--shadow-gold)}.card{background:#0a0f1eb3;border:1px solid var(--color-border);border-radius:16px;padding:24px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all var(--transition-normal);height:100%}.glow-border-wrap .card{border:none;background:#090d1ae6}@keyframes championPulse{0%{box-shadow:0 15px 40px #ffd70014,0 0 25px #ffd70005}50%{box-shadow:0 15px 40px #ffd70033,0 0 35px #ffd7001a}to{box-shadow:0 15px 40px #ffd70014,0 0 25px #ffd70005}}.podium-1st-active{animation:championPulse 3s infinite ease-in-out}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:10px;font-family:var(--font-display);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;outline:none}.btn-primary{background:linear-gradient(90deg,#00f2fe,#00d9e5);color:#030712;box-shadow:var(--shadow-neon)}.btn-primary:hover{background:linear-gradient(90deg,#33f8ff,#00f2fe);box-shadow:0 0 30px var(--color-primary);transform:scale(1.02)}.btn-secondary{background:#121b3199;color:var(--color-text-mid);border-color:var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00f2fe0a;box-shadow:var(--shadow-neon)}.header{border-bottom:1px solid var(--color-border);background:#04060fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;padding:16px 0}.header-inner{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-display);font-size:26px;font-weight:900;letter-spacing:.12em;background:linear-gradient(to right,#ffffff,var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo span{font-size:11px;font-family:var(--font-body);font-weight:700;padding:3px 10px;border-radius:30px;background:#00f2fe14;border:1px solid rgba(0,242,254,.2);color:var(--color-primary);-webkit-text-fill-color:var(--color-primary);letter-spacing:.05em;margin-left:10px;text-transform:uppercase}.nav-links{display:flex;gap:10px}.nav-item{padding:10px 20px;border-radius:8px;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.08em;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;color:var(--color-text-mid);background:transparent;display:inline-flex;align-items:center;gap:8px}.nav-item:hover,.nav-item.active{color:var(--color-primary);background:#00f2fe0f;border-color:#00f2fe26}.connection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:35px 0}.connection-card{padding:24px;display:flex;flex-direction:column;justify-content:space-between}.ip-box{background:#060914;border:1px dashed var(--color-border);padding:12px 16px;border-radius:8px;font-family:var(--font-mono);font-size:14px;display:flex;justify-content:space-between;align-items:center;margin-top:14px}.copy-badge{font-family:var(--font-display);font-size:10px;font-weight:800;background:#ffffff0a;color:var(--color-text-mid);padding:5px 10px;border-radius:4px;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.copy-badge:hover{background:var(--color-primary);color:#030712;box-shadow:var(--shadow-neon)}.copy-badge:active{transform:scale(.95)}.form-group{margin-bottom:24px}.form-label{display:block;font-size:13px;font-weight:700;color:var(--color-text-mid);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;background:#060914;border:1px solid var(--color-border);color:var(--color-text-bright);padding:14px 18px;border-radius:10px;outline:none;transition:all var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-neon)}.table-container{overflow-x:auto;border-radius:16px;border:1px solid var(--color-border)}.custom-table{width:100%;border-collapse:collapse;text-align:left;background:#0a101e4d}.custom-table th{background:#090d1ae6;padding:18px;font-family:var(--font-display);font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--color-text-mid);border-bottom:2px solid var(--color-border);text-transform:uppercase}.custom-table td{padding:18px;border-bottom:1px solid var(--color-border);font-size:15px}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background:#00f2fe08}.elo-badge{font-family:var(--font-display);font-weight:800;color:var(--color-primary);background:#00f2fe14;padding:6px 12px;border-radius:6px;border:1px solid rgba(0,242,254,.15);display:inline-block;letter-spacing:.03em}.progress-bar-container{width:100%;height:6px;background:#ff465526;border-radius:30px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-win);border-radius:30px;box-shadow:0 0 8px var(--color-win)}.live-indicator{width:8px;height:8px;background:var(--color-win);border-radius:50%;position:relative;display:inline-block;margin-right:8px}.live-indicator:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-win);border-radius:50%;animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2.4);opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp var(--transition-slow) forwards}@media (max-width: 1024px){.logo{font-size:22px}.header-inner{gap:15px}}@media (max-width: 768px){.header{padding:12px 0}.header-inner{flex-direction:column;align-items:stretch;gap:16px}.logo{justify-content:center;text-align:center}.nav-links{justify-content:center;width:100%}.nav-item{flex:1;justify-content:center;padding:8px 12px;font-size:11px}.connection-grid{grid-template-columns:1fr}.custom-table th,.custom-table td{padding:12px;font-size:13px}.elo-badge{padding:4px 8px;font-size:11px}.glow-text-primary{font-size:2.4rem!important}}@media (max-width: 480px){.container{padding:0 16px}.nav-links{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.nav-item{padding:6px 4px;font-size:10px}.card{padding:16px}}