*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #060612;--bg-section: #0a0a1e;--accent-cyan: #4ecdc4;--accent-blue: #4488ff;--accent-purple: #6644ff;--accent-pink: #ff4488;--text-primary: #e8eaf0;--text-secondary: #8899bb;--text-muted: #556677;--card-bg: rgba(255,255,255,.04);--card-border: rgba(255,255,255,.08);--glow-cyan: rgba(78,205,196,.3)}html{scroll-behavior:smooth}body{background:var(--bg-dark);color:var(--text-primary);font-family:Rajdhani,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.site-header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:0 24px;background:#060612d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px}.header-logo{font-family:Orbitron,monospace;font-size:24px;font-weight:900;letter-spacing:2px;color:#fff;text-decoration:none}.header-nav{display:flex;gap:28px}.header-nav a{color:var(--text-secondary);text-decoration:none;font-size:15px;font-weight:600;letter-spacing:.5px;transition:color .2s}.header-nav a:hover{color:var(--accent-cyan)}.header-auth{display:flex;gap:12px;align-items:center}.btn-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:600}.btn-sm{background:var(--accent-blue);color:#fff;padding:6px 16px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:600}.section-inner{max-width:1100px;margin:0 auto;padding:100px 24px}.section-title{font-family:Orbitron,monospace;font-size:36px;font-weight:700;text-align:center;margin-bottom:60px;letter-spacing:4px;background:linear-gradient(135deg,#fff,var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,rgba(68,136,255,.08) 0%,transparent 60%),var(--bg-dark);overflow:hidden;text-align:center;padding-top:60px}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-content{position:relative;z-index:2}.hero-title{font-family:Orbitron,monospace;line-height:1}.hero-title-line{display:block;font-size:clamp(64px,12vw,120px);font-weight:900;letter-spacing:6px;background:linear-gradient(135deg,#ffffff,#88bbff,var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-title-sub{display:block;font-size:clamp(18px,3vw,28px);font-weight:700;letter-spacing:12px;color:var(--accent-cyan);margin-top:8px;-webkit-text-fill-color:var(--accent-cyan)}.hero-tagline{font-size:clamp(16px,2.2vw,22px);color:var(--text-secondary);margin:24px auto 40px;max-width:520px}.hero-note{font-size:16px;color:var(--accent-cyan);-webkit-text-fill-color:var(--accent-cyan);margin-top:20px;letter-spacing:1px;opacity:.85}.hero-scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);text-align:center;color:var(--text-muted);font-size:13px;animation:hintPulse 2.5s ease-in-out infinite}.scroll-arrow{width:24px;height:24px;margin:8px auto 0;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg)}@keyframes hintPulse{0%,to{opacity:.6;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(6px)}}.btn-play{display:inline-block;font-family:Orbitron,monospace;font-size:20px;font-weight:700;letter-spacing:3px;color:#fff;text-decoration:none;padding:16px 48px;border-radius:12px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));box-shadow:0 0 30px #4488ff4d,0 4px 20px #0006;transition:transform .15s,box-shadow .15s}.btn-play:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 0 50px #4488ff80,0 6px 30px #00000080}.btn-play:active{transform:scale(.97)}.features{background:var(--bg-section)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:32px 24px;text-align:center;transition:transform .2s,border-color .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);border-color:#4ecdc44d;box-shadow:0 8px 32px #0000004d}.feature-icon{font-size:40px;margin-bottom:16px}.feature-card h3{font-size:20px;font-weight:700;margin-bottom:8px;letter-spacing:.5px}.feature-card p{font-size:15px;color:var(--text-secondary);line-height:1.5}.how-to-play{background:var(--bg-dark)}.steps{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.step{display:flex;align-items:flex-start;gap:20px}.step-num{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));display:flex;align-items:center;justify-content:center;font-family:Orbitron,monospace;font-size:20px;font-weight:900;color:#fff}.step-content h3{font-size:20px;font-weight:700;margin-bottom:4px}.step-content p{font-size:15px;color:var(--text-secondary);line-height:1.5}.teams{background:var(--bg-section)}.teams-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.team-tile{background:var(--card-bg);border:1px solid var(--card-border);border-top:3px solid var(--team-color, #888);border-radius:12px;padding:20px 12px;text-align:center;transition:transform .2s,box-shadow .2s}.team-tile:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}.team-tile-logo{width:56px;height:56px;object-fit:contain;display:block;margin:0 auto 10px;border-radius:8px}.team-tile-abbr{font-size:22px;font-weight:800;letter-spacing:1px;margin-bottom:4px}.team-tile-name{font-size:12px;color:var(--text-secondary);line-height:1.3}a.team-tile{text-decoration:none;color:inherit;display:block}.team-tile-backstory{font-size:11px;color:var(--text-muted);margin-top:6px;line-height:1.3;font-style:italic}.cta{background:radial-gradient(ellipse at 50% 50%,rgba(68,136,255,.1) 0%,transparent 60%),var(--bg-dark);text-align:center;padding:100px 24px}.cta-title{font-family:Orbitron,monospace;font-size:36px;font-weight:700;letter-spacing:4px;margin-bottom:16px}.cta-sub{font-size:18px;color:var(--text-secondary);margin-bottom:32px}.site-footer{background:#0006;border-top:1px solid rgba(255,255,255,.1);padding:40px 24px}.footer-inner{max-width:1100px;margin:0 auto;text-align:center}.footer-brand{font-family:Orbitron,monospace;font-size:16px;font-weight:700;color:var(--text-secondary);margin-bottom:16px;letter-spacing:2px}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.footer-links a{color:var(--text-primary);text-decoration:none;-webkit-text-fill-color:var(--text-primary);font-size:14px;transition:color .2s}.footer-links a:hover{color:var(--accent-cyan);-webkit-text-fill-color:var(--accent-cyan)}.footer-copy{font-size:13px;color:var(--text-secondary);-webkit-text-fill-color:var(--text-secondary)}[data-animate]{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}[data-animate].visible{opacity:1;transform:translateY(0)}.particle{position:absolute;border-radius:50%;background:var(--accent-cyan);opacity:0;pointer-events:none;animation:particleDrift linear infinite}@keyframes particleDrift{0%{opacity:0;transform:translateY(0) scale(.5)}10%{opacity:.6}90%{opacity:.1}to{opacity:0;transform:translateY(-60vh) scale(1.2)}}@media (max-width: 900px){.features-grid{grid-template-columns:repeat(2,1fr)}.teams-grid{grid-template-columns:repeat(3,1fr)}.header-nav{gap:16px}.header-nav a{font-size:13px}}@media (max-width: 600px){.site-header{padding:0 16px}.header-inner{height:52px}.header-logo{font-size:20px}.header-nav{gap:12px}.header-nav a{font-size:12px}.section-inner{padding:70px 16px}.section-title{font-size:28px;letter-spacing:2px;margin-bottom:40px}.features-grid{grid-template-columns:1fr}.teams-grid{grid-template-columns:repeat(2,1fr);gap:10px}.team-tile{padding:14px 8px}.team-tile-logo{width:44px;height:44px}.team-tile-abbr{font-size:18px}.team-tile-name{font-size:11px}.hero-title-line{letter-spacing:3px}.hero-title-sub{letter-spacing:6px}.btn-play{font-size:16px;padding:14px 36px}.cta-title{font-size:28px}.step{gap:14px}.step-num{width:40px;height:40px;font-size:16px}}