.animate-fade-in{opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.animate-fade-in.animate-in{opacity:1;transform:translateY(0)}.animate-slide-left{opacity:0;transform:translate(-30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.animate-slide-left.animate-in{opacity:1;transform:translate(0)}.animate-slide-right{opacity:0;transform:translate(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.animate-slide-right.animate-in{opacity:1;transform:translate(0)}.animate-scale-in{opacity:0;transform:scale(.9);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.animate-scale-in.animate-in{opacity:1;transform:scale(1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.user-panel-landing{background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff}.text-gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section{position:relative;overflow:hidden;min-height:100vh}.hero-section .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;perspective:1200px;will-change:transform}.hero-section .hero-background .dashboard-mockup{position:absolute;top:45%;left:50%;width:180%;height:180%;transform:translate(-50%,-50%) rotateY(-25deg) rotateX(8deg);transform-style:preserve-3d;will-change:transform}.hero-section .hero-background .dashboard-mockup .dashboard-image{width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:0 40px 80px #0006,0 20px 40px #0000004d,0 10px 20px #0003;filter:brightness(.5) contrast(1.2) saturate(1.1);transition:all .3s ease}.hero-section .hero-background .dashboard-mockup .dashboard-image:hover{filter:brightness(.6) contrast(1.3) saturate(1.2)}.hero-section .hero-blur-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1.5}.hero-section .hero-blur-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 60% at center,rgba(0,0,0,.2) 0%,rgba(0,0,0,.1) 40%,transparent 80%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-section .hero-blur-overlay:after{content:"";position:absolute;top:50%;left:50%;width:70%;height:70%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,0,0,.15) 0%,rgba(0,0,0,.08) 50%,transparent 80%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50%}.hero-section .hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f0f23b3,#1a1a2e80,#16213ecc);z-index:2}.hero-section .container{z-index:3}.hero-section .hero-glass-card{position:relative;z-index:4;background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff08,inset 0 1px #ffffff0f;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.hero-section .hero-glass-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff0f,#ffffff08,#ffffff03);border-radius:24px;pointer-events:none}.hero-section .hero-glass-card:hover{transform:translateY(-3px);box-shadow:0 35px 70px #0000004d,0 0 0 1px #ffffff0f,inset 0 1px #ffffff1a}.hero-section .hero-content{position:relative;z-index:5;text-shadow:0 2px 8px rgba(0,0,0,.3);max-width:800px;margin:0 auto}.hero-section .hero-content .badge{background:linear-gradient(135deg,#667eea,#764ba2)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #667eea4d,0 0 0 1px #ffffff1a;font-weight:600;letter-spacing:.5px;color:#fff!important;transition:all .6s cubic-bezier(.25,.46,.45,.94)}.hero-section .hero-content .badge i{color:#fff!important;opacity:1!important;font-size:1em;display:inline-block;vertical-align:middle}.features-section{background:linear-gradient(180deg,#16213e,#0f0f23)}.features-section .feature-showcase{margin-bottom:6rem;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.features-section .feature-showcase .feature-image-wrapper img{border:2px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.features-section .feature-showcase .feature-image-wrapper img:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px #0003}.features-section .feature-showcase .feature-list{list-style:none;padding:0}.features-section .feature-showcase .feature-list li{padding:.5rem 0;font-size:1.1rem}.benefits-section{background:linear-gradient(135deg,#1a1a2e,#16213e)}.benefits-section .benefit-card{background:#ffffff0d;border-radius:20px;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.benefits-section .benefit-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.benefits-section .benefit-card:nth-child(1){animation-delay:.1s}.benefits-section .benefit-card:nth-child(2){animation-delay:.2s}.benefits-section .benefit-card:nth-child(3){animation-delay:.3s}.benefits-section .benefit-card:nth-child(4){animation-delay:.4s}.benefits-section .benefit-card:nth-child(5){animation-delay:.5s}.benefits-section .benefit-card:nth-child(6){animation-delay:.6s}.benefits-section .benefit-card:hover{background:#ffffff14;border-color:#667eea4d}.benefits-section .benefit-card .benefit-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.benefits-section .benefit-card .benefit-icon:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 25px #667eea66}.cta-section{background:linear-gradient(135deg,#2c3e50,#34495e,#2c3e50);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.cta-section .cta-content{position:relative;z-index:1}.cta-section .cta-feature{text-align:center}.bg-primary-soft{background-color:#0d6efd1a!important}.bg-info-soft{background-color:#0dcaf01a!important}.bg-warning-soft{background-color:#ffc1071a!important}.bg-success-soft{background-color:#1987541a!important}.bg-danger-soft{background-color:#dc35451a!important}.bg-purple-soft{background-color:#764ba21a!important}.text-purple{color:#764ba2!important}@media (max-width: 1200px){.hero-section .hero-background .dashboard-mockup{width:200%;height:200%;transform:translate(-50%,-50%) rotateY(-20deg) rotateX(6deg)}}@media (max-width: 992px){.hero-section .hero-background .dashboard-mockup{width:220%;height:220%;transform:translate(-50%,-50%) rotateY(-15deg) rotateX(4deg)}.hero-section .hero-glass-card{padding:2.5rem 2rem;margin:0 1rem}}@media (max-width: 768px){.hero-section{min-height:80vh}.hero-section .hero-content-wrapper{min-height:80vh;padding:3rem 0}.hero-section .hero-background .dashboard-mockup{width:250%;height:250%;transform:translate(-50%,-50%) rotateY(-10deg) rotateX(2deg)}.hero-section .hero-background .dashboard-mockup .dashboard-image{filter:brightness(.3) contrast(1.1) saturate(1)}.hero-section .hero-overlay{background:linear-gradient(135deg,#0f0f23d9,#1a1a2ebf,#16213ed9)}.hero-section .hero-glass-card{padding:2rem 1.5rem;margin:0 .5rem;border-radius:20px}.hero-section .hero-glass-card:hover{transform:none}.display-3{font-size:2.5rem}.features-section .feature-showcase{margin-bottom:4rem}}@media (max-width: 576px){.benefits-section .benefit-card{padding:1.5rem}.benefits-section .benefit-card .benefit-icon{width:60px;height:60px;font-size:1.5rem}}@media (min-width: 1200px){.features-section .feature-showcase{margin-bottom:8rem}}