body{font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;margin:0;padding:0}
*{box-sizing:border-box}
:root{--primary-violet:#6C5CE7;--primary-blue:#0984E3;--primary-cyan:#00C9FF;--navy-900:#0F172A;--navy-800:#1E293B}
.gradient-hero{background:linear-gradient(135deg,#1a0e4a 0%,#0F172A 30%,#1E293B 60%,#0F172A 100%);position:relative;overflow:hidden}
.gradient-hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 50%,rgba(108,92,231,0.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(9,132,227,0.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(0,201,255,0.08) 0%,transparent 50%);animation:gradient-shift 15s ease infinite}
@keyframes gradient-shift{0%,100%{transform:translate(0,0)}33%{transform:translate(-5%,5%)}66%{transform:translate(5%,-5%)}}
.gradient-cta{background:linear-gradient(135deg,#0F172A 0%,#1a1145 50%,#1E293B 100%)}
.navbar{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .3s;padding:1rem 0}
.navbar.scrolled{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 3px rgba(0,0,0,.1);padding:.5rem 0}
.nav-link{color:rgba(255,255,255,.8);font-weight:500;font-size:.875rem;transition:color .3s;text-decoration:none}
.nav-link:hover{color:#fff}
.navbar.scrolled .nav-link{color:#475569}
.navbar.scrolled .nav-link:hover{color:#0984E3}
.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:linear-gradient(135deg,#0984E3,#6C5CE7);color:#fff !important;border-radius:9999px;font-weight:600;font-size:.875rem;transition:all .3s;text-decoration:none !important;border:none;cursor:pointer}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px rgba(108,92,231,.3)}
.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:transparent;color:#fff !important;border:1px solid rgba(255,255,255,.3);border-radius:9999px;font-weight:500;font-size:.875rem;transition:all .3s;text-decoration:none !important;cursor:pointer}
.btn-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}
.card{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #f1f5f9;transition:all .3s}
.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.08)}
.feature-icon{width:3rem;height:3rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.feature-icon.violet{background:rgba(108,92,231,.1);color:#6C5CE7}
.feature-icon.blue{background:rgba(9,132,227,.1);color:#0984E3}
.feature-icon.cyan{background:rgba(0,201,255,.1);color:#00C9FF}
.feature-icon.green{background:rgba(0,184,148,.1);color:#00B894}
.feature-icon.orange{background:rgba(255,138,91,.1);color:#FF8A5B}
.feature-icon.pink{background:rgba(253,121,168,.1);color:#FD79A8}
.badge-violet{display:inline-flex;align-items:center;padding:.375rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:rgba(108,92,231,.15);color:#a78bfa;border:1px solid rgba(108,92,231,.3)}
.footer-gradient{background:linear-gradient(180deg,#0F172A,#0a0f1e)}
.stars{color:#FBBF24;letter-spacing:2px}
.fade-in{opacity:1 !important;transform:none !important}
.form-input{width:100%;padding:.875rem 1rem;border:1px solid #e2e8f0;border-radius:.75rem;font-size:.875rem;transition:all .3s;outline:none;font-family:inherit}
.form-input:focus{border-color:#0984E3;box-shadow:0 0 0 3px rgba(9,132,227,.1)}
.pricing-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,#6C5CE7,#0984E3,#00C9FF);outline:none;cursor:pointer}
.pricing-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #0984E3;box-shadow:0 2px 10px rgba(9,132,227,.3);cursor:pointer}
.pricing-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #0984E3;cursor:pointer}
a{text-decoration:none}