.font-inter{font-family:Inter,sans-serif}html{scroll-behavior:smooth}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.floating-element{animation:float 6s ease-in-out infinite}.floating-element-delayed{animation:float-delayed 8s ease-in-out infinite}.hero-gradient{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1))}.feature-card{transition:all .3s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.3)}.integration-card{transition:all .3s ease}.integration-card:hover{transform:translateY(-4px);background:rgba(55,65,81,.5)}.pricing-card{transition:all .3s ease}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.2)}.play-button{transition:all .3s ease}.play-button:hover{box-shadow:0 0 30px rgba(99,102,241,.5)}input:focus,select:focus{box-shadow:0 0 0 3px rgba(99,102,241,.1)}#mobile-menu{transition:all .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1f2937}::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f1}.loading{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.hero-gradient h1{font-size:2.5rem}.feature-card,.pricing-card{margin-bottom:1.5rem}}.message{padding:1rem;border-radius:.5rem;margin-top:1rem;text-align:center}.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e}.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}