*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #161616;--bg-card-hover: #1a1a1a;--text-primary: #f0f0f0;--text-secondary: #888888;--text-muted: #555555;--neon-pink: #ff0088;--neon-green: #8df0cc;--neon-blue: #0d63f8;--neon-pink-glow: rgba(255, 0, 136, .3);--neon-green-glow: rgba(141, 240, 204, .3);--neon-blue-glow: rgba(13, 99, 248, .3);--font-display: "Bebas Neue", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;background:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 50%,rgba(255,0,136,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 50%,rgba(141,240,204,.04) 0%,transparent 50%);animation:bgDrift 20s ease-in-out infinite alternate}@keyframes bgDrift{0%{transform:translate(0) rotate(0)}to{transform:translate(-3%,2%) rotate(3deg)}}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.hero-shapes{width:clamp(180px,40vw,320px);height:auto;margin-bottom:1rem;opacity:.85}.hero-shapes .squid-shapes{width:100%;height:auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border:1px solid rgba(255,0,136,.3);border-radius:100px;font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--neon-pink);background:#ff00880d}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--neon-pink);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,10vw,7rem);line-height:.95;letter-spacing:.04em;color:var(--text-primary)}.hero-title-accent{display:block;background:linear-gradient(135deg,var(--neon-pink) 0%,var(--neon-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:300;color:var(--text-secondary);letter-spacing:.02em}.hero-cta{display:inline-flex;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem 2.5rem;font-size:1rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--neon-pink),#cc0066);border-radius:60px;transition:box-shadow .3s ease,transform .2s ease;box-shadow:0 0 30px #f083}.hero-cta:hover{box-shadow:0 0 50px #f086;transform:translateY(-2px)}.hero-cta:active{transform:translateY(0)}.hero-cta-arrow{transition:transform .2s ease}.hero-cta:hover .hero-cta-arrow{transform:translate(4px)}.hero-scroll{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:.7rem;letter-spacing:.15em;text-transform:uppercase}.hero-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--text-muted),transparent);animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%{opacity:0;transform:scaleY(0);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}to{opacity:0;transform:scaleY(1);transform-origin:bottom}}.section{padding:6rem 1.5rem;max-width:1200px;margin:0 auto}.section-label{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--neon-green);margin-bottom:1rem}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);letter-spacing:.03em;margin-bottom:.75rem}.section-desc{font-size:1rem;color:var(--text-secondary);font-weight:300;max-width:500px}.games{background:var(--bg-secondary);padding:6rem 1.5rem}.games-inner{max-width:1200px;margin:0 auto}.games-header{margin-bottom:3rem}.games-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.games-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.game-card{position:relative;background:var(--bg-card);border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1.25rem;overflow:hidden;transition:border-color .3s ease,background .3s ease}.game-card:hover{border-color:#ffffff14;background:var(--bg-card-hover)}.game-card-glow{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--card-accent),transparent);opacity:0;transition:opacity .3s ease}.game-card:hover .game-card-glow{opacity:1}.game-card-number{font-family:var(--font-display);font-size:3rem;line-height:1;color:#ffffff0a;letter-spacing:.02em}.game-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.game-card-icon svg{width:24px;height:24px}.game-card-title{font-family:var(--font-display);font-size:1.75rem;letter-spacing:.04em}.game-card-desc{font-size:.9rem;color:var(--text-secondary);font-weight:300;line-height:1.6;flex:1}.game-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.04)}.game-card-difficulty{font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.game-card-play{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--card-accent);border:1px solid var(--card-accent);border-radius:100px;transition:background .3s ease,color .3s ease,box-shadow .3s ease}.game-card-play:hover{background:var(--card-accent);color:#000;box-shadow:0 0 20px var(--card-glow)}.game-card-play-arrow{transition:transform .2s ease}.game-card-play:hover .game-card-play-arrow{transform:translate(3px)}.stats{padding:6rem 1.5rem}.stats-inner{max-width:1200px;margin:0 auto}.stats-header{margin-bottom:3rem}.stats-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.stat-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:2rem;text-align:center}.stat-card-value{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,3.5rem);line-height:1;letter-spacing:.02em;margin-bottom:.5rem}.stat-card-label{font-size:.8rem;font-weight:500;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase}.stat-card-game{font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.stats-empty{grid-column:1 / -1;text-align:center;padding:3rem 2rem;background:var(--bg-card);border:1px dashed rgba(255,255,255,.06);border-radius:16px}.stats-empty-text{font-size:1rem;color:var(--text-muted);font-weight:300}.stats-empty-hint{font-size:.85rem;color:var(--neon-green);margin-top:.5rem;font-weight:400}.footer{padding:3rem 1.5rem;border-top:1px solid rgba(255,255,255,.04);text-align:center}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-brand{font-family:var(--font-display);font-size:1.25rem;letter-spacing:.1em;color:var(--text-secondary)}.footer-disclaimer{font-size:.75rem;color:var(--text-muted);font-weight:300;max-width:400px;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-card--pink{--card-accent: var(--neon-pink);--card-glow: var(--neon-pink-glow)}.game-card--green{--card-accent: var(--neon-green);--card-glow: var(--neon-green-glow)}.game-card--blue{--card-accent: var(--neon-blue);--card-glow: var(--neon-blue-glow)}