.hero-section-content *{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:0}body{scroll-behavior:smooth}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}:root{--bg-color-1:var(--background);--bg-color-2:var(--foreground);--bg-color-3:var(--background);--bg-color-4:var(--foreground);--text-color-light:var(--background);--text-color-dark:var(--foreground)}.dark{--bg-color-2:hsl(var(--card));--bg-color-4:hsl(var(--card))}.dark .hero:before{background-image:radial-gradient(circle at 20% 30%,rgba(102,126,234,.05) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(118,75,162,.05) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(102,126,234,.02) 0,transparent 70%)}.dark .hero:after{background-image:linear-gradient(rgba(102,126,234,.08) 1px,transparent 0),linear-gradient(90deg,rgba(102,126,234,.08) 1px,transparent 0);opacity:.2}.dark .particle{background:rgba(102,126,234,.3)}body{background:var(--background);color:var(--foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}.hero{background:var(--bg-color-1);justify-content:center;min-height:100vh;overflow:hidden;padding:clamp(1rem,5vw,2.5rem) clamp(1rem,4vw,1.25rem);position:relative}.hero,.hero-content{align-items:center;display:flex}.hero-content{gap:clamp(2rem,6vw,3.75rem);justify-content:space-between;margin:0 auto;max-width:87.5rem;width:100%}.hero-text{flex:0 0 40%;position:relative;text-align:left;z-index:1}.hero:before{animation:float 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 30%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(118,75,162,.1) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(102,126,234,.05) 0,transparent 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}@keyframes float{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}}.hero:after{animation:slide 30s linear infinite;background-image:linear-gradient(rgba(102,126,234,.15) 1px,transparent 0),linear-gradient(90deg,rgba(102,126,234,.15) 1px,transparent 0);background-size:60px 60px;content:"";height:200%;left:-50%;opacity:.3;position:absolute;top:-50%;width:200%;z-index:0}@keyframes slide{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.particles{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.particle{animation:particle-float 10s infinite;background:rgba(102,126,234,.6);border-radius:50%;height:4px;position:absolute;width:4px}.particle:first-child{animation-delay:0s;animation-duration:12s;left:10%}.particle:nth-child(2){animation-delay:2s;animation-duration:15s;left:20%}.particle:nth-child(3){animation-delay:4s;animation-duration:13s;left:35%}.particle:nth-child(4){animation-delay:1s;animation-duration:11s;left:50%}.particle:nth-child(5){animation-delay:3s;animation-duration:14s;left:65%}.particle:nth-child(6){animation-delay:5s;animation-duration:16s;left:80%}.particle:nth-child(7){animation-delay:2.5s;animation-duration:12s;left:90%}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) scale(1)}}.hero h1{animation:fadeInUp 1s ease-out .3s both;color:var(--foreground);font-size:clamp(1.6rem,6.4vw,3.2rem);font-weight:700;line-height:1.2;margin-bottom:clamp(1rem,3vw,1.5rem)}.hero .subtitle,.hero h1{position:relative;z-index:1}.hero .subtitle{animation:fadeInUp 1s ease-out .6s both;color:var(--muted-foreground);font-size:clamp(.9rem,3.2vw,1.9rem);margin:0 0 clamp(2rem,5vw,3rem);max-width:50rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in-up-delay{animation:fadeInUp 1s ease-out .9s both}.animate-fade-in-right{animation:fadeInRight 1.2s ease-out .6s both}@media (max-width:75rem){.hero-content{flex-direction:column;gap:clamp(1.5rem,4vw,2rem);text-align:center}.hero-text{flex:1}}@media (max-width:48rem){.hero{min-height:auto;padding:clamp(2rem,6vw,3rem) clamp(1rem,4vw,1.5rem)}.hero:after,.hero:before,.particles{display:none}}