:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#38bdf8;--accent-glow:#38bdf880;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif;font-weight:400;line-height:1.5}body{background:radial-gradient(circle at 100% 0,#1e1b4b,#0f172a) fixed;flex-direction:column;min-height:100vh;margin:0;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;padding:2rem;transition:transform .3s,box-shadow .3s,border-color .3s}.glass-panel:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 15px 40px -5px #00000080}h1{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:4rem;font-weight:800;line-height:1.1}h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.125rem}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:Outfit,sans-serif;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #8b5cf666}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #8b5cf699}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:Outfit,sans-serif;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 20px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.floating{animation:6s ease-in-out infinite float}.container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.app-container{flex-direction:column;min-height:100vh;display:flex}.navbar{justify-content:flex-start;padding:2rem 0;display:flex}.logo{letter-spacing:-.05em;color:#fff;font-size:1.75rem;font-weight:800}.hero{flex:1;justify-content:center;align-items:center;padding:6rem 0;display:flex}.hero-content{max-width:800px;margin:0 auto}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.5rem}.cta-group{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.features{padding:6rem 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem;display:grid}.feature-card{text-align:left;flex-direction:column;gap:1rem;display:flex}.feature-icon{margin-bottom:.5rem;font-size:3rem}.footer{border-top:1px solid var(--glass-border);margin-top:auto;padding:3rem 0}@media (width<=768px){h1{font-size:3rem}.hero-subtitle{font-size:1.25rem}.cta-group{flex-direction:column;padding:0 1rem}}