:root{--primary:#3b82f6;--primary-dark:#2563eb;--secondary:#10b981;--bg-color:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-bg:#ffffff0d;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 20px 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem}.app-container{background:radial-gradient(circle at 100% 0,#2563eb26,#0000 40%),radial-gradient(circle at 0 100%,#10b98126,#0000 40%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.hero{text-align:center;max-width:800px;animation:1s ease-out forwards fadeIn}.title{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;letter-spacing:-.05em;-webkit-background-clip:text;margin-bottom:1rem;font-size:4rem;font-weight:800}.subtitle{color:var(--text-muted);margin-bottom:3rem;font-size:1.25rem;line-height:1.6}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;max-width:1000px;display:grid}.feature-card{opacity:0;transition:transform .3s,box-shadow .3s;animation:.8s ease-out forwards fadeIn}.feature-card:first-child{animation-delay:.2s}.feature-card:nth-child(2){animation-delay:.4s}.feature-card:nth-child(3){animation-delay:.6s}.feature-card:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.feature-icon{margin-bottom:1rem;font-size:2.5rem;animation:3s ease-in-out infinite float;display:inline-block}.feature-title{color:#fff;margin-bottom:.5rem;font-size:1.5rem}.feature-desc{color:var(--text-muted);line-height:1.5}.cta-button{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:9999px;margin-top:3rem;padding:1rem 2.5rem;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;transition:transform .2s,box-shadow .2s;animation:2s infinite pulse-glow}.cta-button:hover{transform:scale(1.05);box-shadow:0 0 20px #60a5fa66}