:root{--bg:#08080c;--bg2:#0f0f16;--bg3:#16161f;--bg4:#1c1c28;--purple:#7c3aed;--purple-light:#9d5ff5;--purple-dim:#7c3aed1f;--purple-glow:#7c3aed59;--text:#f0f0f8;--muted:#6b6b85;--border:#ffffff0f;--border-hover:#7c3aed66}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}::selection{background:var(--purple);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--purple)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes spinCW{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes spinCCW{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(-360deg)}}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-fade-up{animation:.6s forwards fadeUp}.spin-cw{animation:30s linear infinite spinCW}.spin-ccw{animation:20s linear infinite spinCCW}.shimmer-text{background:linear-gradient(90deg, var(--purple-light), #c084fc, #e879f9, var(--purple-light));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}.gradient-text{background:linear-gradient(135deg, #fff 0%, var(--purple-light) 50%, #c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 60px #7c3aed26;border-color:var(--border-hover)!important}.btn-primary{background:linear-gradient(135deg, var(--purple), #9333ea);color:#fff;cursor:pointer;border:none;border-radius:12px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{box-shadow:0 12px 40px var(--purple-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.glow-orb{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.avatar-enter{animation:.4s forwards slideInRight}.avatar-exit{animation:.4s forwards slideOutLeft}@media (max-width:768px){.nav-desktop{display:none!important}.nav-hamburger{display:flex!important}.hero-headline{letter-spacing:-1px!important;font-size:2.6rem!important}.hero-sub{font-size:1rem!important}.how-grid,.features-grid{grid-template-columns:1fr!important}.mockup-grid{text-align:center;grid-template-columns:1fr!important}.mockup-grid-text{align-items:center!important}.cta-section{padding:4rem 1.25rem!important}.cta-section h2{font-size:1.8rem!important}.section-pad{padding:5rem 1.25rem!important}.footer-inner{text-align:center!important;flex-direction:column!important;gap:1rem!important}}@keyframes heroProgress{0%{width:0%}to{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes heroFloat{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:1024px){.hero-float-card{display:none!important}}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem;margin-bottom:0;display:flex}.mockup-playtime{display:flex!important}@media (max-width:768px){.footer-top{text-align:center;flex-direction:column;align-items:center;gap:1.2rem}.mockup-playtime{display:none!important}}.grid-bg{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px}.app-main{flex-direction:column;flex:1;min-height:100vh;margin-left:220px;display:flex;overflow:hidden}.app-topbar{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#08080cf2;border-bottom:1px solid #ffffff0d;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes gvShimmer{0%{background-position:-400% 0}to{background-position:400% 0}}@media (max-width:768px){.app-sidebar{display:none!important}.app-bottombar{display:block!important}.app-main{margin-left:0}.app-topbar{padding:.6rem 1rem}}