@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.landing-view{background-color:var(--color-bg);color:var(--color-text);margin:0;padding:var(--space-4);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;align-items:center;min-height:100vh;height:100vh;position:relative;overflow:hidden;background-image:radial-gradient(var(--color-border) 1px,transparent 1px);background-size:24px 24px;background-position:-12px -12px;flex-direction:column}.landing-view,.logo-container{display:flex;justify-content:center}.logo-container{width:100%;margin-bottom:var(--space-6);animation:fadeIn .6s .1s var(--easing-standard) forwards;opacity:0}.site-logo{max-width:120px;height:auto;transition:transform var(--duration-base) var(--easing-standard)}.site-logo:hover{transform:scale(1.05)}.hero-container{display:flex;align-items:center;gap:var(--space-8);background-color:var(--color-surface);padding:48px;border-radius:var(--radius-lg);max-width:1200px;width:100%;box-shadow:var(--shadow-lg),0 0 80px rgba(0,0,0,.6);position:relative;z-index:1;overflow:scroll;animation:fadeIn .6s .1s var(--easing-standard) forwards;opacity:0;border:1px solid var(--color-border)}.hero-container>*,.hero-left>*{animation:fadeIn .6s var(--easing-standard) forwards;opacity:0}.hero-title{animation-delay:.2s}.hero-subtitle{animation-delay:.3s}.feature-tags{animation-delay:.4s}.cta-button{animation-delay:.5s}.hero-right{animation-delay:.4s}.hero-left{flex:1 1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6);z-index:2}.hero-title{font-family:var(--font-display);font-size:56px;font-weight:700;line-height:1.1;margin:0;color:var(--color-text);letter-spacing:-1.5px}.title-gradient{background:linear-gradient(90deg,#a855f7,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.hero-subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--line-height-normal);max-width:450px;margin:0}.feature-tags{display:flex;gap:var(--space-3);flex-wrap:wrap}.tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);background-color:var(--color-surface-alt);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.cta-button{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--color-text);background:linear-gradient(90deg,#a855f7,#6366f1);border:none;padding:var(--space-4) var(--space-7);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) var(--easing-standard);box-shadow:0 4px 15px rgba(0,0,0,.2),0 0 0 1px rgba(168,85,247,.5)}.cta-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.3),0 0 0 1px #a855f7;filter:brightness(1.15)}.hero-right{flex:1.2 1;text-align:center;z-index:2}.gameplay-mockup{width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--color-border-muted);box-shadow:0 10px 30px rgba(0,0,0,.4)}.gameplay-label{margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:2px;text-transform:uppercase}.follow-section{margin-top:var(--space-7);animation:fadeIn .6s .7s var(--easing-standard) forwards;opacity:0}.instagram-follow-btn{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-md);font-weight:500;text-decoration:none;transition:all var(--duration-base) var(--easing-standard)}.instagram-follow-btn:hover{transform:translateY(-2px);background-color:var(--color-surface-alt);color:var(--color-text);border-color:#8c4be4;box-shadow:0 0 15px rgba(140,75,228,.3)}.instagram-icon{transition:stroke var(--duration-base) var(--easing-standard)}.instagram-follow-btn:hover .instagram-icon{stroke:#e4405f}@media screen and (max-width:992px){.hero-container{flex-direction:column;padding:var(--space-7);gap:var(--space-7)}.hero-left{align-items:center;text-align:center}.hero-subtitle{max-width:100%}}@media screen and (max-width:576px){.hero-container{padding:var(--space-6)}.hero-title{font-size:30px}.hero-subtitle{font-size:var(--text-md)}.cta-button{width:100%;padding:var(--space-4)}.feature-tags{justify-content:center}.follow-section{margin-top:var(--space-6)}.site-logo{max-width:90px}.logo-container{margin-bottom:0}.follow-section{margin-top:var(--space-3)}.follow-section a{font-size:var(--text-sm)}}