:root{--gradient-primary:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);--gradient-accent:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);--glass-bg:#ffffff1a;--glass-border:#fff3}.main-gradient{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);position:relative;overflow:hidden}.main-gradient:before{content:"";background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:100%;height:100%;animation:8s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.main-gradient:after{content:"";background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);width:100%;height:100%;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:-50%;left:-20%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}.hero-title{color:#fff;letter-spacing:-.02em;font-size:clamp(48px,8vw,80px);font-weight:900;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#ec4899 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.gradient-text-light{background:linear-gradient(135deg,#fff 0%,#e0e7ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;box-shadow:0 8px 32px #0000001a}.badge-glass-dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;box-shadow:0 8px 32px #0003;color:#fff!important}.primary-button{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;padding:16px 40px;font-size:18px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #6366f14d}.primary-button:hover{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);transform:translateY(-2px);box-shadow:0 20px 40px #6366f166}.secondary-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;padding:16px 40px;font-size:18px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff!important}.secondary-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.cta-button{background:#fff;border:none;padding:20px 50px;font-size:20px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #0003;color:#1e293b!important}.cta-button:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 20px 60px #0000004d}.check-icon{color:#10b981}.feature-card-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000000d;border-radius:24px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000000d}.feature-card-modern:hover{border-color:#6366f133;transform:translateY(-8px);box-shadow:0 20px 60px #0000001f}.icon-wrapper{border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;transition:all .3s;display:flex;box-shadow:0 8px 24px #00000026}.feature-card-modern:hover .icon-wrapper{animation:2s ease-in-out infinite glow;transform:scale(1.1)rotate(5deg)}.features-section{background:linear-gradient(#f8fafc 0%,#fff 100%);position:relative}.cta-section{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle at 20%,#6366f11a 0%,#0000 50%),radial-gradient(circle at 80%,#8b5cf61a 0%,#0000 50%);position:absolute;inset:0}.cta-content{z-index:1;position:relative}.hero-content{z-index:10;position:relative}.hover-lift{transition:all .4s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-8px)}@media (max-width:768px){.hero-title{font-size:48px}.primary-button,.secondary-button{padding:14px 32px;font-size:16px}.cta-button{padding:18px 40px;font-size:18px}.feature-card-modern{padding:24px}.icon-wrapper{width:34px;height:34px}}