@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg-primary: #050a18;--color-bg-secondary: #0a1228;--color-bg-card: rgba(15, 25, 60, .6);--color-bg-glass: rgba(255, 255, 255, .04);--color-primary: #7c3aed;--color-primary-light: #a78bfa;--color-primary-dark: #5b21b6;--color-secondary: #f59e0b;--color-secondary-light: #fbbf24;--color-accent: #06d6a0;--color-accent-alt: #22d3ee;--color-danger: #ef4444;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: rgba(124, 58, 237, .2);--color-border-hover: rgba(124, 58, 237, .5);--gradient-primary: linear-gradient(135deg, #7c3aed 0%, #3b82f6 50%, #06d6a0 100%);--gradient-hero: radial-gradient(ellipse at 50% 0%, rgba(124, 58, 237, .3) 0%, rgba(5, 10, 24, 0) 60%);--gradient-card: linear-gradient(135deg, rgba(124, 58, 237, .1) 0%, rgba(6, 214, 160, .05) 100%);--gradient-cta: linear-gradient(135deg, #7c3aed 0%, #f59e0b 100%);--gradient-glow: radial-gradient(circle, rgba(124, 58, 237, .4) 0%, transparent 70%);--font-display: "Orbitron", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--fs-hero: clamp(2.5rem, 6vw, 5rem);--fs-h1: clamp(2rem, 4vw, 3.5rem);--fs-h2: clamp(1.5rem, 3vw, 2.5rem);--fs-h3: clamp(1.1rem, 2vw, 1.5rem);--fs-body: clamp(.95rem, 1.2vw, 1.1rem);--fs-small: clamp(.8rem, 1vw, .9rem);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 8rem;--max-width: 1200px;--border-radius: 16px;--border-radius-sm: 8px;--border-radius-lg: 24px;--shadow-glow: 0 0 30px rgba(124, 58, 237, .3);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--shadow-button: 0 4px 20px rgba(124, 58, 237, .4);--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.7;overflow-x:hidden}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0;position:relative}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-tag{display:inline-block;font-family:var(--font-display);font-size:var(--fs-small);font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--color-accent);margin-bottom:var(--space-sm);position:relative}.section-tag:before,.section-tag:after{content:"";display:inline-block;width:30px;height:1px;background:var(--color-accent);vertical-align:middle;margin:0 12px;opacity:.5}.section-title{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:var(--space-sm)}.section-subtitle{font-size:var(--fs-body);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s 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}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-sm) 0;transition:background var(--transition-base),box-shadow var(--transition-base),padding var(--transition-base)}.navbar.scrolled{background:#050a18e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 2px 30px #00000080;padding:.6rem 0}.nav-inner{display:flex;justify-content:space-between;align-items:center}.nav-right{display:flex;align-items:center;gap:var(--space-lg)}.nav-logo{font-family:var(--font-display);font-size:1.3rem;font-weight:800;letter-spacing:2px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lang-switcher{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:50px;padding:4px 8px;display:flex;align-items:center;gap:8px;position:relative;cursor:pointer;transition:all var(--transition-base);height:32px;width:70px;overflow:hidden}.lang-switcher:hover{border-color:var(--color-primary);background:#7c3aed1a}.lang-icon{font-size:10px;font-weight:700;color:var(--color-text-muted);z-index:2;transition:color var(--transition-base);width:20px;text-align:center}.lang-icon.active{color:#fff}.lang-divider{font-size:10px;color:var(--color-border);z-index:2}.lang-indicator{position:absolute;left:4px;width:32px;height:24px;background:var(--color-primary);border-radius:50px;z-index:1;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 2px 8px #7c3aed66}.nav-logo span{-webkit-text-fill-color:var(--color-secondary)}.nav-links{display:flex;gap:var(--space-lg);align-items:center}.nav-links a{font-size:var(--fs-small);font-weight:500;color:var(--color-text-secondary);transition:color var(--transition-fast);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base)}.nav-links a:hover{color:var(--color-text-primary)}.nav-links a:hover:after{width:100%}.nav-cta{padding:.5rem 1.2rem!important;border-radius:50px!important;border:1px solid var(--color-primary)!important;color:var(--color-primary-light)!important;font-weight:600!important;transition:all var(--transition-base)!important}.nav-cta:hover{background:var(--color-primary)!important;color:#fff!important;box-shadow:var(--shadow-button)!important}.nav-cta:after{display:none!important}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;padding:5px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-text-primary);transition:all var(--transition-base);border-radius:2px}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--gradient-primary);z-index:1001;width:0%;transition:width .1s linear}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding-top:80px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-hero);z-index:0}.hero-bg:before{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(124,58,237,.15) 0%,transparent 60%);animation:heroPulse 4s ease-in-out infinite}.hero-bg:after{content:"";position:absolute;bottom:-10%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(6,214,160,.08) 0%,transparent 60%);animation:heroPulse 5s ease-in-out infinite reverse}@keyframes heroPulse{0%,to{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.2);opacity:.7}}#particle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero-content{position:relative;z-index:2;max-width:800px;padding:0 var(--space-md)}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:50px;background:var(--color-bg-glass);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--fs-small);color:var(--color-accent);margin-bottom:var(--space-lg);animation:fadeInDown .8s ease forwards}.hero-badge .badge-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #06d6a066}50%{opacity:.6;box-shadow:0 0 0 8px #06d6a000}}.hero-title{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:900;line-height:1.1;margin-bottom:var(--space-sm);animation:fadeInUp .8s ease .2s forwards;opacity:0}.hero-title .highlight{background:var(--gradient-cta);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title .nova{color:var(--color-secondary);-webkit-text-fill-color:var(--color-secondary);text-shadow:0 0 40px rgba(245,158,11,.5);position:relative}.hero-subtitle{font-size:clamp(1rem,2vw,1.3rem);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.6;animation:fadeInUp .8s ease .4s forwards;opacity:0}.hero-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease .6s forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:50px;font-family:var(--font-body);font-size:1rem;font-weight:600;transition:all var(--transition-base);position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-button)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed80}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-base)}.btn-primary:hover:before{opacity:1}.btn-outline{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{border-color:var(--color-primary);background:#7c3aed1a;transform:translateY(-2px)}.btn-icon{font-size:1.2rem}.hero-floating{position:absolute;z-index:1;border-radius:var(--border-radius-sm);opacity:.3}.floating-brick-1{width:60px;height:30px;background:var(--color-primary);top:20%;left:8%;animation:float 6s ease-in-out infinite}.floating-brick-2{width:45px;height:22px;background:var(--color-secondary);top:35%;right:10%;animation:float 8s ease-in-out infinite reverse}.floating-brick-3{width:35px;height:18px;background:var(--color-accent);bottom:25%;left:12%;animation:float 7s ease-in-out infinite 1s}.floating-brick-4{width:50px;height:25px;background:var(--color-danger);bottom:30%;right:8%;animation:float 9s ease-in-out infinite 2s}.floating-brick-5{width:40px;height:20px;background:var(--color-accent-alt);top:60%;left:5%;animation:float 5s ease-in-out infinite .5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}75%{transform:translateY(15px) rotate(-3deg)}}.about{background:var(--color-bg-secondary);position:relative}.about:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}.about-visual{position:relative}.about-video-frame{width:100%;max-width:560px;margin:0 auto;border-radius:var(--border-radius-lg);border:3px solid rgba(124,58,237,.3);background:var(--color-bg-primary);overflow:hidden;position:relative;aspect-ratio:16 / 9;box-shadow:var(--shadow-glow),var(--shadow-card)}.about-video-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.about-text h3{font-family:var(--font-display);font-size:var(--fs-h2);margin-bottom:var(--space-md);color:var(--color-text-primary)}.about-text p{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:var(--fs-body)}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-top:var(--space-lg)}.stat-item{text-align:center;padding:var(--space-sm);border-radius:var(--border-radius);background:var(--color-bg-glass);border:1px solid var(--color-border)}.stat-number{font-family:var(--font-display);font-size:1.8rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--fs-small);color:var(--color-text-muted);margin-top:4px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.feature-card{padding:var(--space-lg);border-radius:var(--border-radius);background:var(--gradient-card);border:1px solid var(--color-border);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-base)}.feature-card:hover{transform:translateY(-8px);border-color:var(--color-border-hover);box-shadow:var(--shadow-glow)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:64px;height:64px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:var(--space-md);position:relative}.feature-icon:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;background:inherit;opacity:.2;filter:blur(10px)}.feature-icon.purple{background:#7c3aed26}.feature-icon.blue{background:#3b82f626}.feature-icon.green{background:#06d6a026}.feature-icon.orange{background:#f59e0b26}.feature-icon.cyan{background:#22d3ee26}.feature-icon.red{background:#ef444426}.feature-card h3{font-family:var(--font-display);font-size:var(--fs-h3);margin-bottom:var(--space-xs);color:var(--color-text-primary)}.feature-card p{color:var(--color-text-secondary);font-size:var(--fs-body);line-height:1.6}.screenshots{background:var(--color-bg-secondary);overflow:hidden}.screenshots:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.screenshots-track{display:flex;gap:var(--space-lg);overflow-x:auto;padding:var(--space-md) var(--space-md) var(--space-lg);justify-content:center;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}@media (max-width: 1600px){.screenshots-track{justify-content:flex-start}}.screenshots-track::-webkit-scrollbar{display:none}.screenshots-track:active{cursor:grabbing}.screenshot-card{flex:0 0 280px;scroll-snap-align:center;border-radius:var(--border-radius-lg);overflow:hidden;border:2px solid var(--color-border);transition:all var(--transition-base);position:relative;background:var(--color-bg-primary)}.screenshot-card:hover{border-color:var(--color-primary);transform:scale(1.02);box-shadow:var(--shadow-glow)}.screenshot-visual{width:100%;height:500px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0a1228}.screenshot-visual:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.1),transparent);animation:shimmer 2s infinite;z-index:1}.screenshot-visual.loaded:before{display:none}.screenshot-img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform var(--transition-slow),opacity var(--transition-base);opacity:0;z-index:2}.screenshot-visual.loaded .screenshot-img{opacity:1}.screenshot-card:hover .screenshot-img{transform:scale(1.05)}.screenshot-visual:after{content:"🎮 Loading...";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--color-text-muted);background:linear-gradient(180deg,#1a0533,#0d1b3e);opacity:1;pointer-events:none;transition:opacity var(--transition-base);z-index:0}.screenshot-visual:has(.screenshot-img[src]:not([src=""])) .screenshot-img~*,.screenshot-visual .screenshot-img[complete]:after{display:none}.screenshot-visual.loaded:after{opacity:0;pointer-events:none}.screenshot-visual.error:before{display:none}.screenshot-visual.error:after{content:"⚠️ 로드 실패";background:linear-gradient(135deg,#2a0505,#0a1228);color:var(--color-danger);border:1px solid var(--color-danger);opacity:1}.error-details{position:absolute;bottom:20%;left:0;right:0;z-index:5;display:flex;flex-direction:column;gap:5px;align-items:center;padding:0 var(--space-md);text-align:center}.error-code{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:#fff;text-shadow:0 0 10px rgba(239,68,68,.8)}.error-message{font-size:var(--fs-small);color:var(--color-danger);background:#0009;padding:4px 12px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.screenshot-label{text-align:center;padding:16px;font-family:var(--font-display);font-size:.8rem;color:var(--color-text-secondary);letter-spacing:1px}.screenshot-nav{display:flex;justify-content:center;gap:10px;margin-top:var(--space-lg)}.screenshot-dot{width:10px;height:10px;border-radius:50%;background:var(--color-text-muted);border:none;transition:all var(--transition-base);cursor:pointer}.screenshot-dot.active{background:var(--color-primary);box-shadow:0 0 10px #7c3aed80;transform:scale(1.3)}.characters-grid{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center}.character-card{flex:0 1 240px;text-align:center;padding:var(--space-lg) var(--space-md);border-radius:var(--border-radius-lg);background:var(--color-bg-glass);border:1px solid var(--color-border);transition:all var(--transition-slow);position:relative;overflow:hidden}.character-card:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;opacity:0;transition:opacity var(--transition-slow);filter:blur(40px)}.character-card:hover:before{opacity:1}.character-card:nth-child(1):before{background:#3b82f64d}.character-card:nth-child(2):before{background:#ef44444d}.character-card:nth-child(3):before{background:#06d6a04d}.character-card:nth-child(4):before{background:#f59e0b4d}.character-card:hover{transform:translateY(-10px);border-color:var(--color-border-hover);box-shadow:var(--shadow-glow)}.character-avatar{width:100px;height:100px;margin:0 auto var(--space-md);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;overflow:hidden}.pet-icon-img{width:70%;height:70%;object-fit:contain;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.character-avatar:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid;opacity:.3;animation:avatarSpin 8s linear infinite}@keyframes avatarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.character-avatar.avatar-blue{background:#3b82f626}.character-avatar.avatar-blue:after{border-color:#3b82f6}.character-avatar.avatar-green{background:#06d6a026}.character-avatar.avatar-green:after{border-color:#06d6a0}.character-avatar.avatar-yellow{background:#f59e0b26}.character-avatar.avatar-yellow:after{border-color:#f59e0b}.character-avatar.avatar-pink{background:#ec489926}.character-avatar.avatar-pink:after{border-color:#ec4899}.character-avatar.avatar-purple{background:#8b5cf626}.character-avatar.avatar-purple:after{border-color:#8b5cf6}.character-card h3{font-family:var(--font-display);font-size:1rem;margin-bottom:var(--space-xs);color:var(--color-text-primary)}.character-card .character-role{font-size:var(--fs-small);color:var(--color-primary-light);margin-bottom:var(--space-xs)}.character-card p{font-size:var(--fs-small);color:var(--color-text-muted);line-height:1.5}.character-rarity{display:inline-flex;gap:3px;margin-top:var(--space-xs)}.rarity-star{color:var(--color-secondary);font-size:.8rem}.cta-section{position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-hero);opacity:.5}.cta-wrapper{position:relative;z-index:1;text-align:center;padding:var(--space-3xl) var(--space-md)}.cta-title{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:800;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.cta-title .highlight{background:var(--gradient-cta);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-description{font-size:var(--fs-body);color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--space-lg)}.store-badge{display:inline-flex;align-items:center;gap:14px;padding:16px 36px;border-radius:var(--border-radius);background:#000;border:1px solid rgba(255,255,255,.15);transition:all var(--transition-base);position:relative;overflow:hidden}.store-badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(124,58,237,.2),transparent);opacity:0;transition:opacity var(--transition-base)}.store-badge:hover{transform:translateY(-3px);box-shadow:0 10px 40px #00000080;border-color:var(--color-primary)}.store-badge:hover:before{opacity:1}.badge-icon{font-size:2.2rem;position:relative;z-index:1}.badge-text{text-align:left;position:relative;z-index:1}.badge-text .badge-small{font-size:.7rem;color:var(--color-text-secondary);display:block;text-transform:uppercase;letter-spacing:1px}.badge-text .badge-large{font-size:1.3rem;font-weight:600;color:#fff}.cta-decoration{position:absolute;border-radius:50%;opacity:.1}.cta-deco-1{width:300px;height:300px;background:var(--color-primary);top:-100px;right:-50px;animation:float 8s ease-in-out infinite}.cta-deco-2{width:200px;height:200px;background:var(--color-accent);bottom:-80px;left:-30px;animation:float 6s ease-in-out infinite reverse}.footer{background:var(--color-bg-secondary);padding:var(--space-xl) 0 var(--space-md);border-top:1px solid var(--color-border)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-lg)}.footer-brand .footer-logo{font-family:var(--font-display);font-size:1.2rem;font-weight:800;letter-spacing:2px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs)}.footer-brand p{color:var(--color-text-muted);font-size:var(--fs-small);max-width:250px}.footer-links h4{font-family:var(--font-display);font-size:.85rem;color:var(--color-text-primary);margin-bottom:var(--space-sm);letter-spacing:1px}.footer-links ul{display:flex;flex-direction:column;gap:8px}.footer-links a{color:var(--color-text-muted);font-size:var(--fs-small);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-primary-light)}.footer-bottom{padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.footer-bottom p{color:var(--color-text-muted);font-size:var(--fs-small)}.footer-social{display:flex;gap:var(--space-sm)}.social-link{width:36px;height:36px;border-radius:50%;background:var(--color-bg-glass);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);font-size:1rem}.social-link:hover{background:var(--color-primary);border-color:var(--color-primary);transform:translateY(-2px)}@media (max-width: 1024px){.features-grid,.characters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#050a18fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;padding:var(--space-xl);transition:right var(--transition-base);box-shadow:-10px 0 30px #00000080}.nav-links.open{right:0}.nav-toggle{display:flex;z-index:1001}.about-grid{grid-template-columns:1fr;text-align:center}.about-visual{order:-1}.about-phone-frame{width:220px;height:440px}.features-grid{grid-template-columns:1fr}.characters-grid{grid-template-columns:repeat(2,1fr)}.screenshot-card{flex:0 0 240px}.screenshot-visual{height:420px}.hero-title{font-size:clamp(2rem,8vw,3rem)}.footer-content{flex-direction:column;text-align:center;align-items:center}.footer-bottom{justify-content:center;text-align:center}}@media (max-width: 480px){.section{padding:var(--space-2xl) 0}.hero-actions{flex-direction:column;align-items:center}.btn{width:100%;justify-content:center;max-width:300px}.about-stats,.characters-grid{grid-template-columns:1fr}.screenshot-card{flex:0 0 200px}.screenshot-visual{height:360px}.section-tag:before,.section-tag:after{width:15px;margin:0 8px}}.placeholder-icon{display:flex;align-items:center;justify-content:center;background:var(--color-bg-glass);border:2px dashed var(--color-border);position:relative;overflow:hidden}.icon-placeholder-text{font-family:var(--font-display);font-size:.8rem;color:var(--color-text-muted);letter-spacing:1px}.placeholder-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.03),transparent);animation:shimmer 2s infinite linear}