.landing-container{height:100dvh;font-family:var(--font-main);background-color:var(--bg-dark);flex-direction:column;display:flex;position:relative;overflow:hidden}.landing-grid-bg{z-index:0;background-image:linear-gradient(90deg,#ffffff04 1px,#0000 1px),linear-gradient(#ffffff04 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.landing-nav,.landing-main,.landing-footer{z-index:1;position:relative}.landing-nav{justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.logo-area{align-items:center;gap:.5rem;display:flex}.logo-text{letter-spacing:-.5px;color:#fff;font-size:1.5rem;font-weight:700}.landing-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:1rem 2rem 2rem;display:flex}.landing-content{flex:1;justify-content:space-between;align-items:center;gap:2rem;width:100%;display:flex}.hero-section{text-align:left;flex:1;max-width:600px}.badge{color:var(--neon-cyan);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.hero-title{margin-bottom:1rem;font-size:clamp(2rem,5vw,4rem);font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(90deg,#fff,#a1a1aa,#fff) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:3s linear infinite gradientShimmer}@keyframes gradientShimmer{to{background-position:200%}}.hero-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.5}.cta-area{justify-content:flex-start;gap:1rem;display:flex}.cta-button{border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.cta-button.primary{color:#000;background:#fff;border:1px solid #fff;box-shadow:0 0 20px #ffffff1a}.cta-button.primary:hover{background:#e4e4e7;transform:translateY(-2px);box-shadow:0 0 30px #fff3}.mascot-showcase{flex:1;justify-content:center;align-items:center;width:100%;height:300px;display:flex;position:relative}.mascot-float{filter:drop-shadow(0 20px 30px #00000080);position:absolute}.moci-float{z-index:3;animation:6s ease-in-out infinite float1}.glitch-float{z-index:2;opacity:.9;animation:5s ease-in-out 1s infinite float2;top:10%;left:10%}.krak-float{z-index:1;opacity:.8;animation:7s ease-in-out 2s infinite float3;bottom:0;right:15%}@keyframes float1{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}}@keyframes float2{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(-3deg)}}@keyframes float3{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-25px)rotate(4deg)}}.features-grid-compact{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;margin-top:1rem;display:grid}.feature-card-compact{border-radius:var(--radius-lg);background:var(--glass-bg-bot);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);text-align:left;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.feature-icon{width:45px;height:45px;color:var(--neon-cyan);background:#00f2fe1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-card-compact:nth-child(2) .feature-icon{color:var(--neon-pink);background:#fe09791a}.feature-card-compact:nth-child(3) .feature-icon{color:var(--neon-purple);background:#8b5cf61a}.feature-card-compact h3{margin-bottom:.2rem;font-size:1rem}.feature-card-compact p{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.3}.landing-footer{text-align:center;color:var(--text-secondary);border-top:1px solid #ffffff0d;padding:1rem 2rem;font-size:.8rem}@media (max-width:768px){.landing-container{height:100dvh;display:block;overflow:hidden auto}.landing-main{flex-direction:column;justify-content:flex-start;height:auto;padding:2rem 1rem;display:flex}.landing-content{text-align:center;flex-direction:column;gap:1rem;height:auto}.hero-section{text-align:center}.cta-area{flex-wrap:wrap;justify-content:center}.features-grid-compact{grid-template-columns:1fr;margin-top:2rem}.mascot-showcase{flex:none;height:220px;min-height:220px;margin-top:2rem;transform:scale(.8)}.glitch-float{left:-20px}.krak-float{right:-20px}}