body{background-color:#121212;color:#eaeaea;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gradient-text{background:linear-gradient(90deg,#4f46e5,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.btn-primary{position:relative;display:inline-block;padding:12px 28px;background:linear-gradient(90deg,#4f46e5,#6d28d9);color:#fff;border-radius:9999px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #4f46e54d,0 6px 6px #6d28d933}.btn-primary .glow{position:absolute;top:0;left:0;width:200%;height:100%;background:radial-gradient(circle,#fff6,#fff0 60%);transform:translate(-100%);transition:transform .5s ease;opacity:0}.btn-primary:hover .glow{transform:translate(0);opacity:1}.glass-card{position:relative;background:#1f1f1f99;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;overflow:hidden}.glass-card:hover{transform:translateY(-8px);box-shadow:0 20px 30px #0003;border-color:#fff3}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%}#aurora-background{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at top,#6D28D9 0%,transparent 50%),radial-gradient(ellipse at bottom,#4F46E5 0%,transparent 50%);opacity:.15;z-index:-1;pointer-events:none;animation:aurora-breathe 10s ease-in-out infinite}#aurora-cta{position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(168,85,247,.2) 0%,transparent 60%);animation:aurora-spin 15s linear infinite}@keyframes aurora-breathe{0%,to{transform:scale(1);opacity:.15}50%{transform:scale(1.2);opacity:.25}}@keyframes aurora-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up,.animate-visible{animation:fade-in-up .8s ease-out forwards}.image-container{perspective:1000px}.image-float-wrapper{position:relative;width:100%;max-width:800px;margin:0 auto;transform-style:preserve-3d;animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0) rotateX(0) rotateY(0)}50%{transform:translateY(-20px) rotateX(5deg) rotateY(-5deg)}to{transform:translateY(0) rotateX(0) rotateY(0)}}.app-screenshot{width:100%;border-radius:12px;box-shadow:0 25px 50px -12px #0006;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0;backface-visibility:hidden}.dark-mode-img,.image-float-wrapper .active .light-mode-img{opacity:0}.image-float-wrapper .active .dark-mode-img{opacity:1}.app-screenshot{position:absolute;top:0;left:0;opacity:0;transition:opacity 1s ease-in-out}.app-screenshot.active{opacity:1}.image-float-wrapper{position:relative;height:450px}#particle-header{position:relative;display:flex;align-items:center;justify-content:center;width:360px;height:80px;z-index:1}.glow-container{position:relative;border-radius:18px;background:#1f1f1f99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease-in-out}.glow-container:hover{box-shadow:0 0 0 2px transparent,0 0 0 4px #667eeacc,0 0 20px #764ba299}.glow-container:hover:before{opacity:1}.glass-card{position:relative;background:transparent;border-radius:16px;padding:24px;transition:all .3s ease;overflow:hidden;height:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}