:root{--bg-color: #05060f;--bg-card: rgba(15, 17, 36, .7);--bg-card-hover: rgba(25, 28, 59, .85);--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(0, 242, 254, .4);--color-text: #e2e8f0;--color-text-muted: #94a3b8;--accent-cyan: #00f2fe;--accent-blue: #4facfe;--accent-pink: #ff0844;--accent-orange: #ffb199;--accent-purple: #7928ca;--font-main: "Atkinson", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--glow-shadow: 0 0 25px rgba(0, 242, 254, .25);--glow-pink: 0 0 25px rgba(255, 8, 68, .25)}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-color)}body{font-family:var(--font-main);color:var(--color-text);background:radial-gradient(circle at 50% 0%,#11132e,#05060f 60%);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#1e2246;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#05060fbf;border-bottom:1px solid var(--border-color);position:fixed;top:0;width:100%;z-index:1000;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-img{height:40px;width:auto;filter:drop-shadow(0 0 8px rgba(255,255,255,.2))}.logo-text{font-size:1.25rem;font-weight:700;letter-spacing:.05em;color:#fff;text-transform:uppercase}nav ul{display:flex;list-style:none;gap:2rem}nav a{color:var(--color-text-muted);text-decoration:none;font-weight:700;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;transition:color .2s ease;position:relative;padding:.25rem 0}nav a:hover,nav a.active{color:#fff}nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));transition:width .3s ease}nav a:hover:after,nav a.active:after{width:100%}main{max-width:1250px;margin:0 auto;padding:8rem 2rem 4rem}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:6rem;position:relative}.hero:before{content:"";position:absolute;top:-50px;width:300px;height:300px;background:radial-gradient(circle,#4facfe26,#0000 70%);z-index:-1}.hero-logo{margin-bottom:1.5rem;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(0,242,254,.3))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero h1{font-size:3.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem;text-transform:uppercase;background:linear-gradient(135deg,#fff 30%,var(--color-text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.25rem;color:var(--color-text-muted);max-width:700px;margin-bottom:2rem}.featured-game{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:3.5rem;margin-bottom:5rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--box-shadow);position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;transition:border-color .3s ease,box-shadow .3s ease}.featured-game:after{content:"";position:absolute;top:-150px;right:-150px;width:400px;height:400px;background:radial-gradient(circle,#ff08441f,#0000 70%);z-index:-1;pointer-events:none}.featured-game:hover{border-color:#ff084440;box-shadow:0 12px 40px #00000080,0 0 30px #ff08441a}.game-badge{display:inline-block;background:linear-gradient(135deg,var(--accent-pink),#ff4e50);color:#fff;font-weight:700;font-size:.75rem;padding:.35rem 1rem;border-radius:50px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;box-shadow:0 4px 15px #ff08444d}.game-title{font-size:3rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.01em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.game-tagline{font-size:1.15rem;color:var(--accent-cyan);font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.game-description{color:var(--color-text-muted);margin-bottom:2rem;font-size:1.05rem;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:2.5rem}.feature-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:1rem;border-radius:12px;display:flex;flex-direction:column;gap:.25rem}.feature-title{font-weight:700;font-size:.95rem;color:#fff}.feature-desc{font-size:.85rem;color:var(--color-text-muted)}.game-controls{margin-bottom:2.5rem;background:#0003;border-radius:12px;padding:1.25rem;border:1px solid rgba(255,255,255,.03)}.controls-title{font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.75rem}.controls-list{display:flex;flex-direction:column;gap:.5rem}.control-line{font-size:.9rem;display:flex;align-items:center;gap:.5rem}.keycap{background:#1e2246;border:1px solid rgba(255,255,255,.15);border-bottom-width:3px;border-radius:4px;padding:.1rem .5rem;font-size:.8rem;font-weight:700;color:#fff}.game-actions{display:flex;gap:1.5rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 2rem;border-radius:12px;font-weight:700;text-decoration:none;text-transform:uppercase;font-size:.9rem;letter-spacing:.05em;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,var(--accent-pink),#ff4e50);color:#fff;box-shadow:0 4px 15px #ff08444d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff084480,0 0 15px #ff084433}.btn-secondary{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.store-buttons{display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:.5rem}.store-btn{display:inline-flex;align-items:center;gap:.85rem;background:#080916;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.65rem 1.4rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;box-shadow:0 4px 20px #00000040}.store-btn svg{width:24px;height:24px;color:#fff;transition:transform .3s ease,color .3s ease}.store-btn-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.store-btn-subtitle{font-size:.65rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;line-height:1.1}.store-btn-title{font-size:1.05rem;font-weight:700;color:#fff;line-height:1.2}.store-btn:hover{transform:translateY(-3px);background:#ffffff0a;box-shadow:0 8px 25px #0006}.store-btn.google-play:hover{border-color:var(--accent-cyan);box-shadow:0 8px 25px #00f2fe26,0 0 12px #00f2fe1a}.store-btn.google-play:hover svg{color:var(--accent-cyan);transform:scale(1.1)}.store-btn.app-store:hover{border-color:var(--accent-pink);box-shadow:0 8px 25px #ff084426,0 0 12px #ff08441a}.store-btn.app-store:hover svg{color:var(--accent-pink);transform:scale(1.1)}.showcase-container{display:flex;justify-content:center;align-items:center;position:relative}.phone-mockup{width:300px;height:600px;background:#11132e;border:12px solid #22254b;border-radius:40px;position:relative;box-shadow:0 25px 50px -12px #000000b3,var(--glow-pink);overflow:hidden;aspect-ratio:9 / 19.5}.phone-mockup:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:140px;height:25px;background:#22254b;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:10}.phone-screen{width:100%;height:100%;position:relative;background:#01013d}.phone-video{width:100%;height:100%;object-fit:cover}.studio-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:4rem;margin-bottom:5rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--box-shadow);display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.studio-content h2{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;background:linear-gradient(135deg,#fff,var(--color-text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.studio-content p{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:1.05rem}.studio-features{display:flex;flex-direction:column;gap:1.5rem}.studio-feature-item{display:flex;gap:1.25rem}.studio-feature-icon{width:48px;height:48px;border-radius:12px;background:#00f2fe1a;border:1px solid rgba(0,242,254,.2);display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);flex-shrink:0;font-size:1.25rem}.studio-feature-text h3{font-size:1.1rem;margin-bottom:.25rem;color:#fff}.studio-feature-text p{font-size:.9rem;color:var(--color-text-muted)}footer{border-top:1px solid var(--border-color);background-color:#03040c;padding:3rem 2rem;text-align:center}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-logo{height:50px;width:auto}.footer-text{color:var(--color-text-muted);font-size:.9rem}.footer-socials{display:flex;gap:1.5rem}.footer-social-link{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-social-link:hover{color:var(--accent-cyan)}@media(max-width:968px){.featured-game,.studio-section{grid-template-columns:1fr;gap:3rem;padding:2rem}.hero h1{font-size:2.75rem}.phone-mockup{width:280px;height:560px}}@media(max-width:640px){main{padding:6rem 1rem 2rem}.nav-container{padding:1rem}nav ul{display:none}.hero h1,.game-title{font-size:2.25rem}.features-grid{grid-template-columns:1fr}.game-actions{flex-direction:column;width:100%}.btn{width:100%}.store-buttons{flex-direction:column;width:100%;gap:.75rem}.store-btn{width:100%;justify-content:center}}