:root{--primary-color:#667eea;--secondary-color:#764ba2;--accent-color:#f093fb;--light-bg:#f8fafc;--border-color:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #0000001a}*{scroll-behavior:smooth}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero-gradient{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);background-size:200% 200%;animation:15s infinite gradientShift;position:relative;overflow:hidden}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero-gradient:before{content:"";background:radial-gradient(circle,#f093fb26 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:6s ease-in-out infinite float;position:absolute;top:0;right:0}.hero-gradient:after{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:8s ease-in-out infinite reverse float;position:absolute;bottom:-150px;left:-100px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.hero-content{z-index:1;position:relative}.feature-card{border:1px solid var(--border-color);backdrop-filter:blur(10px);background:#ffffffb3;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";z-index:0;background:linear-gradient(90deg,#0000,#667eea26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.feature-card:hover:before{left:100%}.feature-card:hover{border-color:var(--primary-color);background:#fffffff2;transform:translateY(-16px);box-shadow:0 20px 40px #667eea33}.feature-card-body{z-index:1;padding:2.5rem 2rem;position:relative}.feature-icon{margin-bottom:1rem;font-size:3.5rem;animation:2s ease-in-out infinite iconBounce;display:inline-block}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.benefit-card{border:1px solid var(--border-color);backdrop-filter:blur(8px);background:#fff9;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.benefit-card:hover{border-color:var(--primary-color);background:#ffffffe6;transform:translate(10px);box-shadow:0 12px 24px #667eea26}.benefit-icon{text-align:center;min-width:60px;font-size:2.5rem;transition:transform .3s}.benefit-card:hover .benefit-icon{transform:scale(1.1)rotate(5deg)}.step-card{border:2px solid var(--border-color);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffc,#f8fafc99);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.step-card:hover{border-color:var(--primary-color);transform:translateY(-12px);box-shadow:0 20px 40px #667eea26}.step-number{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1.5rem;font-size:1.5rem;font-weight:900;transition:transform .3s;display:flex;box-shadow:0 8px 16px #667eea4d}.step-card:hover .step-number{transform:scale(1.1)rotate(-10deg)}.pricing-card{border:1px solid var(--border-color);border-radius:16px;transition:all .35s cubic-bezier(.4,0,.2,1)}.pricing-card:hover{transform:translateY(-12px);box-shadow:0 20px 40px #0000001a}.pricing-card.featured{border-color:var(--primary-color);box-shadow:0 12px 32px #667eea26}.price-badge{color:var(--primary-color);margin:1rem 0;font-size:2.625rem;font-weight:700}.cta-gradient{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);position:relative;overflow:hidden}.cta-gradient:before{content:"";background:#ffffff1a;border-radius:50%;width:300px;height:300px;position:absolute;top:50%;right:-100px;transform:translateY(-50%)}.form-control,.form-select{border:1.5px solid var(--border-color);background:#fffc;border-radius:12px;padding:.875rem 1rem;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-control::placeholder{color:var(--text-secondary)}.form-control:focus,.form-select:focus{border-color:var(--primary-color);background:#fffffff2;box-shadow:0 0 0 4px #667eea1a,inset 0 0 0 1px #667eea33}.form-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem;font-weight:600}.btn{border-radius:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:active:before{width:300px;height:300px}.btn-gradient{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;border:none;box-shadow:0 8px 16px #667eea4d}.btn-gradient:hover{color:#fff;transform:translateY(-3px);box-shadow:0 12px 24px #667eea66}.btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);border:none;box-shadow:0 8px 16px #667eea4d}.btn-primary:hover{background:linear-gradient(135deg,#5568d3 0%,#6a3f8f 100%);transform:translateY(-3px);box-shadow:0 12px 24px #667eea66}.btn-light{font-weight:600;transition:all .3s;box-shadow:0 4px 12px #0000001a}.btn-light:hover{transform:translateY(-3px);box-shadow:0 8px 16px #00000026}.btn-outline-light{color:#fff;border:2px solid #fff;transition:all .3s}.btn-outline-light:hover{color:var(--primary-color);background:#fff;transform:translateY(-3px)}.badge-gradient{backdrop-filter:blur(10px);color:#fff;background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%);border:1.5px solid #667eea66;border-radius:25px;padding:.65rem 1.5rem;font-size:.9rem;font-weight:600;animation:.6s ease-out slideInDown;box-shadow:0 4px 12px #667eea1a}.section-light{background:linear-gradient(180deg, var(--light-bg) 0%, #fff 100%)}.section-white{background:#fff}.display-hero{letter-spacing:-.02em;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:900;line-height:1.1;animation:.8s ease-out slideInDown}.display-section{letter-spacing:-.01em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #667eeab3}50%{box-shadow:0 0 0 10px #667eea00}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes gradientText{0%,to{text-shadow:0 0 20px #f093fb66}50%{text-shadow:0 0 30px #667eea99}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fadeInUp{animation:.6s ease-out fadeInUp}.animate-fadeInDown{animation:.6s ease-out fadeInDown}.animate-pulse-glow{animation:2s infinite pulse-glow}.modal-content{backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e2e8f080;animation:.4s cubic-bezier(.4,0,.2,1) slideUp;box-shadow:0 20px 60px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:none;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important}.modal-body{padding:2rem}.alert{border:none;border-radius:12px;animation:.4s ease-out slideInLeft}.alert-success{color:#166534;background:#22c55e1a;border-left:4px solid #22c55e}.alert-danger{color:#b91c1c;background:#ef44441a;border-left:4px solid #ef4444}@media (width<=768px){.hero-gradient:before{width:300px;height:300px;animation:6s ease-in-out infinite float}.feature-card-body{padding:1.75rem 1.5rem}.feature-icon{font-size:3rem}.display-hero{font-size:clamp(1.5rem,4vw,2rem)}.display-section{font-size:clamp(1.25rem,3vw,1.75rem)}.btn{font-size:.95rem;padding:.75rem 1.5rem!important}.modal-content{border-radius:16px}.modal-body{padding:1.5rem}}@media (width<=480px){.hero-gradient{min-height:70vh!important;padding:2rem 0!important}.display-hero{font-size:1.5rem}.feature-card-body{padding:1.5rem 1rem}.feature-icon{font-size:2.5rem}.btn-group{flex-direction:column!important}.btn{margin-bottom:.75rem;width:100%!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--light-bg)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}