:root{--neon-green: #00ff88;--neon-blue: #00d4ff;--neon-red: #ff2d55;--neon-yellow: #ffd60a;--dark-bg: #080c10;--dark-panel: #0d1219;--dark-card: #111820;--dark-border: #1e2d3d;--text-primary: #e8f4f8;--text-secondary: #7a9bb5;--text-muted: #3d5a70;--font-display: "Orbitron", monospace;--font-mono: "Share Tech Mono", monospace;--font-body: "Rajdhani", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--dark-bg);color:var(--text-primary);font-family:var(--font-body);font-size:17px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{display:block;max-width:100%}input,textarea,select,button{font-family:inherit}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px)}.noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;animation:noiseShift .5s steps(2) infinite}@keyframes noiseShift{0%{background-position:0 0}50%{background-position:50px 25px}to{background-position:100px 0}}.mono{font-family:var(--font-mono);font-size:.78em;letter-spacing:.05em}.accent{color:var(--neon-green)}#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 2rem;background:#080c10d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--dark-border);transition:background .3s}#navbar.scrolled{background:#080c10fa;border-bottom-color:var(--neon-green);box-shadow:0 0 20px #00ff881a}.nav-inner{max-width:1300px;margin:0 auto;height:68px;display:flex;align-items:center;gap:2rem}.nav-logo{font-family:var(--font-display);font-size:1.1rem;font-weight:900;letter-spacing:.1em;white-space:nowrap}.logo-bracket{color:var(--neon-green)}.logo-text{margin:0 .25em}.logo-accent{color:var(--neon-green)}.nav-links{display:flex;gap:.25rem;margin-left:auto}.nav-link{font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.12em;padding:.5rem 1rem;color:var(--text-secondary);border:1px solid transparent;transition:all .25s;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;right:50%;height:2px;background:var(--neon-green);transition:all .25s}.nav-link:hover{color:var(--neon-green);border-color:#0f83;background:#00ff880d}.nav-link:hover:after{left:1rem;right:1rem}.nav-status{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.7rem;color:var(--neon-green);margin-left:1rem;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--neon-green);box-shadow:0 0 8px var(--neon-green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 8px var(--neon-green)}50%{opacity:.4;box-shadow:0 0 2px var(--neon-green)}}#hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:68px;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,255,136,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.04) 1px,transparent 1px);background-size:60px 60px;animation:gridPan 20s linear infinite}@keyframes gridPan{0%{background-position:0 0}to{background-position:60px 60px}}.hex-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 75% 55%,rgba(0,212,255,.08) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 20% 30%,rgba(0,255,136,.06) 0%,transparent 70%)}.hero-content{position:relative;z-index:1;max-width:1300px;margin:0 auto;padding:4rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%}.hero-eyebrow{display:flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:.72rem;color:var(--neon-green);letter-spacing:.12em;margin-bottom:1.5rem;opacity:0;animation:fadeInUp .6s .2s forwards}.eyebrow-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--neon-green),transparent);max-width:60px}.hero-title{font-family:var(--font-display);font-size:clamp(3.5rem,8vw,7rem);font-weight:900;line-height:.9;letter-spacing:-.02em;margin-bottom:1.5rem;display:flex;flex-direction:column}.title-line{opacity:0;animation:fadeInUp .7s forwards}.title-line:nth-child(1){animation-delay:.4s}.title-line:nth-child(2){animation-delay:.6s}.accent-line{color:var(--neon-green);text-shadow:0 0 20px rgba(0,255,136,.6),0 0 60px rgba(0,255,136,.3)}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{color:var(--neon-blue);animation:glitch1 4s infinite;clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%)}.glitch:after{color:var(--neon-red);animation:glitch2 4s infinite;clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%)}@keyframes glitch1{0%,90%,to{transform:translate(0);opacity:0}92%{transform:translate(-3px,1px);opacity:.8}94%{transform:translate(3px,-1px);opacity:.8}96%{transform:translate(-2px);opacity:.6}98%{transform:translate(0);opacity:0}}@keyframes glitch2{0%,88%,to{transform:translate(0);opacity:0}90%{transform:translate(3px,1px);opacity:.7}92%{transform:translate(-3px,-1px);opacity:.7}94%{transform:translate(2px);opacity:0}}.hero-sub{font-size:1.15rem;color:var(--text-secondary);margin-bottom:2.5rem;font-weight:300;opacity:0;animation:fadeInUp .6s .8s forwards}.hero-stats{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;opacity:0;animation:fadeInUp .6s 1s forwards}.stat-val{font-family:var(--font-display);font-size:2.2rem;font-weight:900;color:var(--neon-green);line-height:1;text-shadow:0 0 20px rgba(0,255,136,.4)}.stat-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.1em;margin-top:.2rem}.stat-divider{font-family:var(--font-mono);color:var(--text-muted);font-size:1.2rem}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;animation:fadeInUp .6s 1.2s forwards}.btn-primary{position:relative;display:inline-flex;align-items:center;gap:.75rem;padding:.9rem 2rem;background:var(--neon-green);color:var(--dark-bg);font-family:var(--font-display);font-size:.75rem;font-weight:900;letter-spacing:.12em;border:none;cursor:pointer;transition:all .25s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));overflow:hidden}.btn-primary:hover{background:#fff;color:var(--dark-bg);box-shadow:0 0 30px #00ff8880;transform:translateY(-2px)}.btn-glitch{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--neon-blue);opacity:0;transition:opacity .1s;mix-blend-mode:overlay}.btn-primary:hover .btn-glitch{animation:btnGlitch .4s steps(2) infinite}@keyframes btnGlitch{0%{opacity:0;transform:translate(0)}25%{opacity:.3;transform:translate(-2px,1px)}50%{opacity:0}75%{opacity:.2;transform:translate(2px,-1px)}to{opacity:0}}.btn-secondary{display:inline-flex;align-items:center;padding:.9rem 2rem;border:1px solid var(--dark-border);color:var(--text-secondary);font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.12em;transition:all .25s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.btn-secondary:hover{border-color:var(--neon-green);color:var(--neon-green);background:#00ff880d}.hero-mascot{position:relative;display:flex;flex-direction:column;align-items:center;opacity:0;animation:fadeInRight .8s .5s forwards}.mascot-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,136,.15) 0%,rgba(0,212,255,.05) 50%,transparent 70%);animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.mascot-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;border-radius:50%;border:1px solid rgba(0,255,136,.2);animation:ringRotate 12s linear infinite}.mascot-ring:before,.mascot-ring:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}.mascot-ring:before{top:-5px;left:50%;transform:translate(-50%)}.mascot-ring:after{bottom:-5px;left:50%;transform:translate(-50%)}@keyframes ringRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.mascot-img{width:100%;max-width:480px;position:relative;z-index:2;filter:drop-shadow(0 0 40px rgba(0,255,136,.3));animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.mascot-label{margin-top:1rem;color:var(--neon-green);font-size:.75rem;opacity:.7}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.65rem;letter-spacing:.15em;animation:fadeIn 1s 2s both;z-index:1}.scroll-arrow{width:1px;height:40px;background:linear-gradient(to bottom,var(--text-muted),transparent);animation:scrollPulse 1.5s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.ticker-wrap{overflow:hidden;background:var(--neon-green);color:var(--dark-bg);padding:.6rem 0;white-space:nowrap}.ticker{display:inline-flex;animation:tickerScroll 30s linear infinite}.ticker span{font-family:var(--font-display);font-size:.7rem;font-weight:900;letter-spacing:.1em;padding:0 2rem}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}section{padding:7rem 2rem}.section-inner{max-width:1300px;margin:0 auto}.section-header{margin-bottom:4rem}.section-tag{color:var(--neon-green);font-size:.75rem;letter-spacing:.1em;margin-bottom:.75rem}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;letter-spacing:-.02em;line-height:1}#about{background:var(--dark-panel);border-top:1px solid var(--dark-border);border-bottom:1px solid var(--dark-border)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;margin-bottom:5rem}.about-text .lead-text{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.6}.about-text p{color:var(--text-secondary);margin-bottom:1rem}.about-text strong{color:var(--neon-green)}.about-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;padding:.3rem .75rem;border:1px solid var(--dark-border);color:var(--text-muted);transition:all .2s}.tag:hover{border-color:var(--neon-green);color:var(--neon-green)}.about-img-wrap{position:relative}.about-img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.7) brightness(.85);transition:filter .4s}.about-img-wrap:hover .about-img{filter:saturate(1) brightness(1)}.img-corner{position:absolute;width:20px;height:20px}.img-corner.tl{top:-4px;left:-4px;border-top:2px solid var(--neon-green);border-left:2px solid var(--neon-green)}.img-corner.tr{top:-4px;right:-4px;border-top:2px solid var(--neon-green);border-right:2px solid var(--neon-green)}.img-corner.bl{bottom:-4px;left:-4px;border-bottom:2px solid var(--neon-green);border-left:2px solid var(--neon-green)}.img-corner.br{bottom:-4px;right:-4px;border-bottom:2px solid var(--neon-green);border-right:2px solid var(--neon-green)}.img-label{position:absolute;bottom:-1.5rem;right:0;color:var(--text-muted);font-size:.65rem}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.pillar{padding:2rem 1.5rem;border:1px solid var(--dark-border);background:var(--dark-card);transition:all .3s;position:relative;overflow:hidden}.pillar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--neon-green),transparent);opacity:0;transition:opacity .3s}.pillar:hover{border-color:#00ff884d;transform:translateY(-4px)}.pillar:hover:before{opacity:1}.pillar-icon{font-size:2rem;margin-bottom:1rem}.pillar h3{font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.08em;color:var(--neon-green);margin-bottom:.75rem}.pillar p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}#events{background:var(--dark-bg)}.events-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.event-card{background:var(--dark-card);border:1px solid var(--dark-border);padding:2rem;display:flex;flex-direction:column;gap:1.25rem;position:relative;overflow:hidden;transition:all .3s}.event-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--neon-green),var(--neon-blue));transform:scaleX(0);transition:transform .3s}.event-card:hover{border-color:#00ff884d;transform:translateY(-3px)}.event-card:hover:after{transform:scaleX(1)}.event-card.featured{grid-column:1 / -1;flex-direction:row;align-items:center;background:linear-gradient(135deg,var(--dark-card),rgba(0,255,136,.04));border-color:#00ff8840}.event-badge{position:absolute;top:1rem;right:1rem;background:var(--neon-green);color:var(--dark-bg);font-family:var(--font-display);font-size:.6rem;font-weight:900;letter-spacing:.1em;padding:.25rem .75rem;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.event-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;padding:1rem;border:1px solid var(--dark-border);background:#0000004d}.event-card.featured .event-date{min-width:100px;padding:1.5rem}.date-day{font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--neon-green);line-height:1}.date-month{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);letter-spacing:.1em}.date-year{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted)}.event-info{flex:1}.event-game{color:var(--neon-blue);font-size:.7rem;margin-bottom:.5rem}.event-name{font-family:var(--font-display);font-size:1.3rem;font-weight:700;letter-spacing:.04em;margin-bottom:.75rem}.event-card.featured .event-name{font-size:1.8rem}.event-desc{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.event-meta{display:flex;flex-wrap:wrap;gap:1rem;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.event-btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.5rem;border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.1em;transition:all .2s;white-space:nowrap;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));align-self:flex-end}.event-btn:hover{background:var(--neon-green);color:var(--dark-bg)}#team{background:var(--dark-panel);border-top:1px solid var(--dark-border);border-bottom:1px solid var(--dark-border)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.team-card{background:var(--dark-card);border:1px solid var(--dark-border);overflow:hidden;transition:all .3s;position:relative}.team-card:hover{border-color:#0f86;transform:translateY(-6px);box-shadow:0 20px 40px #00000080,0 0 30px #00ff881a}.card-img-wrap{position:relative;aspect-ratio:1;overflow:hidden}.card-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:saturate(.8);transition:all .4s}.team-card:hover .card-img-wrap img{filter:saturate(1.2) brightness(1.05);transform:scale(1.04)}.card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,var(--dark-card));pointer-events:none}.card-info{padding:1.25rem}.card-role{color:var(--neon-green);font-size:.65rem;letter-spacing:.08em;margin-bottom:.4rem}.card-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.04em;margin-bottom:.6rem}.card-bio{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.card-games{display:flex;gap:.5rem;flex-wrap:wrap}.card-games span{font-family:var(--font-mono);font-size:.62rem;padding:.2rem .6rem;border:1px solid var(--dark-border);color:var(--text-muted);letter-spacing:.05em}#join{position:relative;background:var(--dark-bg);overflow:hidden}.join-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 5% 50%,rgba(0,255,136,.05) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 95% 80%,rgba(0,212,255,.05) 0%,transparent 60%);pointer-events:none}.join-content{display:grid;grid-template-columns:400px 1fr;gap:5rem;align-items:center}.join-mascot-wrap{position:relative;display:flex;justify-content:center}.join-mascot{max-width:360px;filter:drop-shadow(0 0 30px rgba(0,255,136,.25));animation:float 5s ease-in-out infinite}.join-form{display:flex;flex-direction:column;gap:1.25rem;margin-top:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full{grid-column:1 / -1}.form-group label{color:var(--neon-green);font-size:.7rem;letter-spacing:.1em}.form-group input,.form-group select,.form-group textarea{background:var(--dark-card);border:1px solid var(--dark-border);color:var(--text-primary);padding:.8rem 1rem;font-size:.95rem;font-family:var(--font-body);transition:all .25s;outline:none;resize:vertical;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--neon-green);box-shadow:0 0 15px #00ff881a;background:#00ff8808}.form-group select option{background:var(--dark-card)}.submit-btn{width:100%;justify-content:center;font-size:.85rem;padding:1.1rem;margin-top:.5rem}.join-success{display:none;text-align:center;padding:3rem;border:1px solid var(--neon-green);background:#00ff880d;margin-top:2rem}.join-success.show{display:block;animation:fadeInUp .5s forwards}.success-icon{font-size:4rem;margin-bottom:1rem}.join-success h3{font-family:var(--font-display);font-size:1.5rem;color:var(--neon-green);margin-bottom:.5rem}#footer{background:var(--dark-panel);border-top:1px solid var(--dark-border);padding:4rem 2rem 0}.footer-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid var(--dark-border)}.footer-logo .logo-text{font-family:var(--font-display);font-size:1.3rem;font-weight:900;letter-spacing:.1em}.footer-tagline{color:var(--text-muted);font-size:.7rem;margin-top:.75rem;letter-spacing:.08em}.footer-col h4{color:var(--neon-green);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;margin-bottom:1rem}.footer-col ul{display:flex;flex-direction:column;gap:.5rem}.footer-col a,.footer-col span{font-size:.9rem;color:var(--text-secondary);transition:color .2s}.footer-col a:hover{color:var(--neon-green)}.footer-bottom{max-width:1300px;margin:0 auto;padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--text-muted);letter-spacing:.05em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@media (max-width: 1100px){.team-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr}.join-content{grid-template-columns:1fr}.join-mascot-wrap{display:none}}@media (max-width: 900px){.hero-content{grid-template-columns:1fr}.hero-mascot{order:-1;max-width:280px;margin:0 auto}.mascot-img{max-width:280px}.about-grid{grid-template-columns:1fr}.pillars{grid-template-columns:repeat(2,1fr)}.events-grid{grid-template-columns:1fr}.event-card.featured{flex-direction:column}.nav-links{display:none}}@media (max-width: 600px){section{padding:4rem 1.5rem}.team-grid,.pillars,.footer-inner{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}.hero-stats{gap:1rem}.form-row{grid-template-columns:1fr}}