@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Share+Tech+Mono&family=Exo+2:wght@300;400;600&display=swap";:root{--bg: #030a06;--bg2: #060f08;--surface: #0b1a0e;--surface2: #0f2214;--border: #1a3a1e;--green: #00ff66;--green-dim: #00cc52;--green-dark: #003d18;--orange: #ff6b00;--orange-glow: #ff3c00;--yellow: #ffd60a;--white: #e8ffe0;--grey: #7a9e7e;--font-display: "Orbitron", monospace;--font-mono: "Share Tech Mono", monospace;--font-body: "Exo 2", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.scanlines{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(0,255,102,.015) 2px,rgba(0,255,102,.015) 4px);animation:scanmove 8s linear infinite}@keyframes scanmove{0%{background-position:0 0}to{background-position:0 200px}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030a06d9;border-bottom:1px solid var(--border)}.nav-inner{max-width:1200px;margin:0 auto;padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.6rem}.nav-logo-img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 8px var(--green))}.logo-text{font-family:var(--font-display);font-weight:900;font-size:1.3rem;letter-spacing:.1em;color:var(--white)}.logo-accent{color:var(--green)}.nav-links{display:flex;align-items:center;gap:2rem;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.08em}.nav-links a{color:var(--grey);transition:color .2s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--green);transform:scaleX(0);transition:transform .2s}.nav-links a:hover{color:var(--green)}.nav-links a:hover:after{transform:scaleX(1)}.nav-cta{background:var(--green)!important;color:var(--bg)!important;padding:.4rem 1.2rem;font-weight:600;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:background .2s,box-shadow .2s!important}.nav-cta:hover{background:#3f8!important;box-shadow:0 0 20px #0f66!important}.nav-cta:after{display:none!important}.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.burger span{display:block;width:24px;height:2px;background:var(--green);transition:all .3s}.mobile-menu{display:none;flex-direction:column;padding:1rem 2rem;gap:1rem;background:#030a06f7;border-top:1px solid var(--border);font-family:var(--font-mono)}.mobile-menu.open{display:flex}.mobile-menu a{color:var(--grey);padding:.5rem 0;border-bottom:1px solid var(--border)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.1em;cursor:pointer;border:none;position:relative;overflow:hidden;transition:all .25s;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);text-transform:uppercase}.btn-primary{background:var(--green);color:var(--bg)}.btn-primary:hover{background:#3f8;box-shadow:0 0 30px #00ff6680,0 0 60px #0f63;transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--white);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--green);color:var(--green);box-shadow:0 0 20px #0f63;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--green);border:1px solid var(--green)}.btn-outline:hover{background:#00ff661a;box-shadow:0 0 20px #0f63}.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;padding-top:64px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:saturate(.4) brightness(.3)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 60%,rgba(0,255,102,.08) 0%,transparent 60%),linear-gradient(to bottom,#030a064d,#030a06e6)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,255,102,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,102,.04) 1px,transparent 1px);background-size:60px 60px;animation:gridfade 4s ease-in-out infinite alternate}@keyframes gridfade{0%{opacity:.5}to{opacity:1}}.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:2rem 2rem 6rem;width:100%}.hero-eyebrow{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.3em;color:var(--green);margin-bottom:1.5rem;opacity:0;animation:fadeUp .6s ease forwards .2s}.hero-title{font-family:var(--font-display);font-weight:900;line-height:.9;margin-bottom:1.5rem}.hero-title-line1{display:block;font-size:clamp(5rem,14vw,12rem);color:var(--green);text-shadow:0 0 40px rgba(0,255,102,.5),0 0 80px rgba(0,255,102,.2);opacity:0;animation:fadeUp .7s ease forwards .4s}.hero-title-line2{display:block;font-size:clamp(2.5rem,7vw,6rem);color:var(--white);letter-spacing:.4em;opacity:0;animation:fadeUp .7s ease forwards .55s}.hero-title-line3{display:block;font-size:clamp(2rem,5vw,4rem);color:var(--orange);letter-spacing:.6em;text-shadow:0 0 30px rgba(255,107,0,.4);opacity:0;animation:fadeUp .7s ease forwards .7s}.hero-sub{font-size:1.1rem;color:var(--grey);max-width:520px;margin-bottom:2.5rem;opacity:0;animation:fadeUp .7s ease forwards .85s}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;animation:fadeUp .7s ease forwards 1s}.hero-stats{display:flex;align-items:center;gap:1.5rem;margin-top:3rem;opacity:0;animation:fadeUp .7s ease forwards 1.1s}.stat{text-align:center}.stat-num{display:block;font-family:var(--font-display);font-size:1.8rem;font-weight:900;color:var(--green);line-height:1}.stat-label{font-family:var(--font-mono);font-size:.7rem;color:var(--grey);letter-spacing:.1em}.stat-sep{color:var(--border);font-size:2rem}.hero-mascot{position:absolute;right:-2%;bottom:0;width:clamp(280px,40vw,600px);z-index:3;opacity:0;animation:mascotIn 1s ease forwards .8s}.mascot-img{width:100%;filter:drop-shadow(0 0 40px rgba(0,255,102,.3)) drop-shadow(0 0 80px rgba(0,255,102,.1))}.mascot-glow{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:60px;background:radial-gradient(ellipse,rgba(0,255,102,.3) 0%,transparent 70%);filter:blur(10px)}@keyframes mascotIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.3em;color:var(--grey);opacity:0;animation:fadeIn 1s ease forwards 1.5s}.scroll-arrow{animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;color:var(--green);font-size:inherit}.glitch:before{clip-path:polygon(0 0,100% 0,100% 40%,0 40%);transform:translate(-3px);animation:glitch1 3s steps(1) infinite;color:var(--orange);opacity:.7}.glitch:after{clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);transform:translate(3px);animation:glitch2 3.5s steps(1) infinite;opacity:.7}@keyframes glitch1{0%,90%,to{transform:translate(0);opacity:0}91%{transform:translate(-4px);opacity:.7}93%{transform:translate(4px);opacity:.7}95%{transform:translate(0);opacity:0}}@keyframes glitch2{0%,85%,to{transform:translate(0);opacity:0}86%{transform:translate(4px);opacity:.7}88%{transform:translate(-4px);opacity:.7}90%{transform:translate(0);opacity:0}}.ticker-wrap{background:var(--green);overflow:hidden;white-space:nowrap;padding:.6rem 0;position:relative;z-index:5}.ticker{display:inline-block;animation:ticker 25s linear infinite;font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--bg);letter-spacing:.05em}.ticker span{display:inline-block;padding:0 3rem}.ticker span:after{content:"//";margin-left:1.5rem;opacity:.4}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{padding:7rem 0}.section-dark{background:var(--bg2)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-label{font-family:var(--font-mono);font-size:.75rem;color:var(--green);letter-spacing:.2em;margin-bottom:1rem}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.1;margin-bottom:1.5rem}.section-intro{color:var(--grey);font-size:1.1rem;margin-bottom:3rem;max-width:600px}.accent{color:var(--green)}.monospace{font-family:var(--font-mono)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.body-text{color:#a0c8a8;margin-bottom:1.2rem;font-size:1rem;line-height:1.8}.feature-list{display:flex;flex-direction:column;gap:.8rem;margin-top:2rem}.feature-item{display:flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:.9rem;color:var(--white);padding:.6rem 1rem;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--green);transition:border-color .2s,background .2s}.feature-item:hover{background:var(--surface2);border-left-color:var(--orange)}.feature-icon{font-size:1.2rem}.about-visual{display:flex;justify-content:center}.about-card{position:relative;width:320px}.about-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--green),transparent,var(--orange));z-index:-1;border-radius:2px}.about-card-inner{background:var(--surface);padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.about-mascot{width:200px;filter:drop-shadow(0 0 20px rgba(0,255,102,.3));animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.about-card-label{text-align:center;border-top:1px solid var(--border);padding-top:1rem;width:100%}.about-card-label .monospace{display:block;font-size:.8rem;color:var(--green);letter-spacing:.1em;margin-bottom:.3rem}.small-text{font-size:.75rem;color:var(--grey)}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.game-card{background:var(--surface);border:1px solid var(--border);padding:2rem;position:relative;transition:all .3s;cursor:pointer;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent, var(--green));transform:scaleX(0);transition:transform .3s;transform-origin:left}.game-card:hover{border-color:var(--accent, var(--green));background:var(--surface2);transform:translateY(-4px);box-shadow:0 8px 30px #0000004d,0 0 20px rgba(var(--accent, 0,255,102),.1)}.game-card:hover:before{transform:scaleX(1)}.game-card.featured{border-color:var(--orange);background:linear-gradient(135deg,var(--surface) 0%,rgba(255,107,0,.05) 100%)}.game-icon{font-size:2.5rem;margin-bottom:1rem}.game-card h3{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--white);margin-bottom:.6rem;letter-spacing:.05em}.game-card p{font-size:.85rem;color:var(--grey);line-height:1.6;margin-bottom:1rem}.game-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--accent, var(--green));border:1px solid var(--accent, var(--green));padding:.2rem .6rem;display:inline-block;letter-spacing:.05em}.game-badge{position:absolute;top:1rem;right:1rem;background:var(--orange);color:var(--bg);font-family:var(--font-display);font-size:.6rem;font-weight:900;padding:.2rem .5rem;letter-spacing:.1em}.events-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start}.event-image-wrap{position:relative}.event-img{width:100%;height:400px;object-fit:cover;filter:saturate(.6) brightness(.8)}.event-img-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#030a06f2);padding:1.5rem;font-family:var(--font-mono);font-size:.8rem;color:var(--green);letter-spacing:.2em}.event-item{display:flex;gap:1.5rem;align-items:flex-start;padding:1.2rem 0;border-bottom:1px solid var(--border);transition:all .2s}.event-item:hover{padding-left:.5rem}.event-date{background:var(--surface);border:1px solid var(--border);min-width:60px;text-align:center;padding:.5rem;flex-shrink:0}.event-day{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--green);line-height:1}.event-month{font-family:var(--font-mono);font-size:.65rem;color:var(--grey);letter-spacing:.1em}.event-info h3{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--white);margin-bottom:.4rem;letter-spacing:.05em}.event-info p{font-size:.85rem;color:var(--grey);margin-bottom:.6rem}.event-badge{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.05em;padding:.2rem .6rem;border:1px solid var(--green);color:var(--green)}.event-badge.live{border-color:var(--orange);color:var(--orange)}.event-badge.hot{border-color:var(--yellow);color:var(--yellow);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ffd60a66}50%{box-shadow:0 0 0 4px #ffd60a00}}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.plan-card{background:var(--surface);border:1px solid var(--border);padding:2.5rem 2rem;position:relative;transition:transform .3s}.plan-card:hover{transform:translateY(-6px)}.plan-card.featured{background:linear-gradient(160deg,var(--surface2) 0%,rgba(0,255,102,.04) 100%);border-color:var(--green);box-shadow:0 0 40px #00ff661a}.plan-badge{position:absolute;top:-1px;right:2rem;background:var(--green);color:var(--bg);font-family:var(--font-display);font-size:.65rem;font-weight:900;padding:.3rem 1rem;letter-spacing:.1em}.plan-header{margin-bottom:2rem;text-align:center}.plan-icon{font-size:3rem;display:block;margin-bottom:.8rem}.plan-header h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--white);margin-bottom:1rem;letter-spacing:.1em}.plan-price{display:flex;align-items:baseline;gap:.3rem;justify-content:center}.price-amount{font-family:var(--font-display);font-size:2.2rem;font-weight:900;color:var(--green)}.price-period{font-family:var(--font-mono);font-size:.8rem;color:var(--grey)}.plan-features{list-style:none;margin-bottom:2rem}.plan-features li{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85rem;color:#a0c8a8;font-family:var(--font-mono)}.plan-features li.disabled{color:#3a5a3e;text-decoration:line-through}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:5rem;align-items:start}.contact-details{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.contact-item{display:flex;gap:1rem;align-items:flex-start;font-size:.9rem;line-height:1.8;color:var(--grey)}.contact-icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}.contact-item strong{color:var(--white);display:block}.social-links{display:flex;gap:1rem;flex-wrap:wrap}.social-btn{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;padding:.4rem 1rem;border:1px solid var(--border);color:var(--grey);transition:all .2s}.social-btn:hover{border-color:var(--green);color:var(--green)}.contact-form{background:var(--surface);border:1px solid var(--border);padding:2.5rem}.form-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--green);margin-bottom:2rem;letter-spacing:.1em}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-family:var(--font-mono);font-size:.7rem;color:var(--grey);letter-spacing:.1em;margin-bottom:.4rem}.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--white);padding:.75rem 1rem;font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--green);box-shadow:0 0 0 2px #00ff661a}.form-group input::placeholder,.form-group textarea::placeholder{color:#3a5a3e}.form-group select option{background:var(--bg)}.form-group textarea{resize:vertical}.footer{background:var(--bg2);border-top:1px solid var(--border);padding:4rem 0 0}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid var(--border)}.footer-brand{display:flex;flex-direction:column;gap:.8rem}.footer-logo{width:40px;image-rendering:pixelated;filter:drop-shadow(0 0 8px var(--green))}.footer-tagline{font-size:.85rem;color:var(--grey);line-height:1.7}.footer-links-group{display:flex;flex-direction:column;gap:.6rem}.footer-links-group strong{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--white);letter-spacing:.1em;margin-bottom:.4rem}.footer-links-group a{font-size:.85rem;color:var(--grey);transition:color .2s}.footer-links-group a:hover{color:var(--green)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;font-size:.8rem;color:#3a5a3e}.footer-code{font-size:.7rem;color:#1a4a1e;letter-spacing:.1em}.toast{position:fixed;bottom:2rem;right:2rem;background:var(--surface);border:1px solid var(--green);color:var(--green);padding:1rem 1.5rem;font-family:var(--font-mono);font-size:.85rem;z-index:9998;box-shadow:0 0 30px #0f63;transform:translateY(100px);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);pointer-events:none}.toast.show{transform:translateY(0);opacity:1}@media (max-width: 1024px){.about-grid{grid-template-columns:1fr;gap:3rem}.about-visual{order:-1}.games-grid{grid-template-columns:repeat(2,1fr)}.events-layout{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width: 768px){.nav-links{display:none}.burger{display:flex}.hero-mascot{opacity:.25;right:-10%}.games-grid,.plans-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:3rem}.footer-top{grid-template-columns:1fr 1fr}.hero-stats{gap:1rem}.hero-buttons{flex-direction:column}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width: 480px){.footer-top{grid-template-columns:1fr}.section{padding:4rem 0}}