@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";body{font-family:Inter,sans-serif;margin:0;padding:0}.gradient-bg{background:linear-gradient(135deg,#1e1e1e,#2d2d2d)}.floating-animation{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.fade-in{animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.step-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.step-card:hover{border-color:#fff3;transform:translateY(-5px)}.action-button{transition:all .3s ease;background-color:#00ffc6;box-shadow:0 0 20px #00ffc64d;min-height:44px}.action-button:hover{transform:translateY(-2px)}@media (max-width: 640px){.container{padding-left:1rem;padding-right:1rem}.gradient-bg{min-width:320px}h1,h2,h3{line-height:1.2}section{padding-left:1rem;padding-right:1rem}.step-card,.feature-card{margin-bottom:1rem}.floating-animation{animation-duration:8s}}@media (max-width: 768px) and (min-width: 641px){.container{padding-left:2rem;padding-right:2rem}}@media (max-width: 768px){button,a[role=button],[role=button]{min-height:44px;min-width:44px}nav{padding:1rem 0}.testimonial-card{padding:1.5rem;margin-bottom:1rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.action-button{box-shadow:0 0 15px #00ffc666}}
