:root{--color-purple:#9147fe;--color-purple-glow:#9147fe66;--color-white:#fff;--color-bg-dark:#18181b;--color-bg-darker:#0e0e10;--color-text-dim:#adadb8;--color-neon-accent:#bf94ff;--font-main:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg-dark);color:var(--color-white);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .3s}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-title{text-transform:uppercase;letter-spacing:-.02em;align-items:center;gap:1rem;margin-bottom:clamp(2rem,8vw,3rem);font-size:clamp(1.8rem,5vw,2.5rem);font-weight:800;display:flex}.section-title:before{content:"";background-color:var(--color-purple);width:4px;height:clamp(1.8rem,5vw,2.5rem);box-shadow:0 0 10px var(--color-purple)}.btn-primary{background-color:var(--color-purple);color:#fff;white-space:nowrap;border-radius:4px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 14px #9147fe63}.btn-primary:hover{background-color:#772ce8;transform:translateY(-2px);box-shadow:0 6px 20px #9147fe66}.card{background-color:var(--color-bg-darker);border:1px solid #2f2f35;border-radius:8px;padding:1.5rem;transition:transform .3s,border-color .3s}.social-icon{opacity:.7;transition:opacity .3s,color .3s}.social-icon:hover{opacity:1;color:var(--color-purple)}.match-card{border-left:4px solid var(--color-purple);grid-template-columns:100px 1fr 1fr 150px;align-items:center;gap:1rem;padding:1.5rem 2rem;display:grid}@media (width<=768px){.match-card{grid-template-columns:1fr 1fr;padding:1.5rem}.match-card>div:nth-child(4){grid-column:span 2;text-align:left!important}}@media (width<=480px){.match-card{text-align:left;grid-template-columns:1fr}.match-card>div:nth-child(4){grid-column:span 1}}@media (width<=768px){.nav-links{display:none!important}.mobile-toggle{display:block!important}.section-padding{padding:5rem 0!important}}@media (width<=480px){.hero-buttons{flex-direction:column;width:100%}.hero-buttons>*{justify-content:center;width:100%}}