.hero-section,.home-container{position:relative;overflow:hidden}.hero-section{min-height:85vh;display:flex;align-items:center;justify-content:center}.hero-section .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;opacity:.05;background-image:linear-gradient(90deg,currentColor 1px,transparent 0),linear-gradient(180deg,currentColor 1px,transparent 0);background-size:40px 40px}.hero-section .floating-elements{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.hero-section .floating-elements .float-icon{position:absolute;opacity:.08;animation:float 20s ease-in-out infinite}.hero-section .floating-elements .float-icon:first-child{top:10%;left:10%;animation-delay:0s}.hero-section .floating-elements .float-icon:nth-child(2){top:60%;left:80%;animation-delay:3s}.hero-section .floating-elements .float-icon:nth-child(3){top:30%;right:15%;animation-delay:6s}.hero-section .floating-elements .float-icon:nth-child(4){bottom:20%;left:20%;animation-delay:9s}.hero-section .hero-content{position:relative;z-index:1;text-align:center;max-width:900px;padding:0 1.5rem}.hero-section .hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;backdrop-filter:blur(8px);animation:fadeInUp .6s ease-out}.hero-section .hero-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;animation:fadeInUp .8s ease-out;letter-spacing:-.02em}.hero-section .hero-subtitle{font-size:clamp(1.125rem,3vw,1.5rem);line-height:1.6;margin-bottom:2.5rem;animation:fadeInUp 1s ease-out;max-width:700px;margin-left:auto;margin-right:auto}.hero-section .hero-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;animation:fadeInUp 1.2s ease-out}.hero-section .hero-stats{margin-top:4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;animation:fadeInUp 1.4s ease-out}.hero-section .hero-stats .stat-item{text-align:center}.hero-section .hero-stats .stat-item .stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,rgb(var(--nextui-primary)) 0,rgb(var(--nextui-secondary)) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-bottom:.5rem}.hero-section .hero-stats .stat-item .stat-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.features-section{padding:6rem 0;position:relative}.features-section .section-header{text-align:center;margin-bottom:4rem}.features-section .section-header .section-badge{display:inline-block;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.features-section .section-header .section-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1rem;letter-spacing:-.02em}.features-section .section-header .section-description{font-size:1.125rem;max-width:600px;margin:0 auto}.features-section .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.features-section .feature-card{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.features-section .feature-card:hover{transform:translateY(-8px)}.features-section .feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.features-section .feature-card .feature-icon{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .3s ease;font-size:1.75rem}.features-section .feature-card .feature-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.features-section .feature-card .feature-description{font-size:1rem;line-height:1.6}.how-it-works-section{padding:6rem 0;position:relative}.how-it-works-section .steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-top:3rem;position:relative}.how-it-works-section .steps-container:before{content:"";position:absolute;top:2.5rem;left:10%;right:10%;height:2px;background:linear-gradient(to right,transparent,rgb(var(--nextui-primary)),transparent);z-index:0}@media(max-width:768px){.how-it-works-section .steps-container:before{display:none}}.how-it-works-section .step-card{position:relative;text-align:center;z-index:1}.how-it-works-section .step-card .step-number{width:5rem;height:5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;font-weight:800;position:relative;z-index:2}.how-it-works-section .step-card .step-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.how-it-works-section .step-card .step-description{font-size:.95rem;line-height:1.6}.cta-section{padding:6rem 0;position:relative}.cta-section .cta-card{position:relative;overflow:hidden;border-radius:2rem;padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,rgb(var(--nextui-primary)) 0,rgb(var(--nextui-secondary)) 100%)}.cta-section .cta-card .cta-pattern{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1;background-image:radial-gradient(circle at 20% 50%,white 1px,transparent 0),radial-gradient(circle at 80% 50%,white 1px,transparent 0);background-size:50px 50px}.cta-section .cta-card .cta-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.cta-section .cta-card .cta-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin-bottom:1rem;color:#fff}.cta-section .cta-card .cta-description{font-size:1.125rem;margin-bottom:2rem;color:hsla(0,0%,100%,.9)}.cta-section .cta-card .cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-30px) rotate(3deg)}}@media(max-width:768px){.hero-section{min-height:70vh}.hero-section .hero-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem}.features-grid,.steps-container{grid-template-columns:1fr!important}}