.hero{min-height:90vh;padding:var(--spacing-3xl)0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-gradient{background:radial-gradient(circle at 30%,#00d9ff26 0%,#0000 50%),radial-gradient(circle at 70%,#8b5cf626 0%,#0000 50%);width:100%;height:100%;animation:8s ease-in-out infinite float;position:absolute;top:0;left:0}.hero-grid{opacity:.5;background-image:linear-gradient(#94a3b808 1px,#0000 1px),linear-gradient(90deg,#94a3b808 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;text-align:center;max-width:900px;position:relative}.hero-title{margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,#fff 0%,var(--color-accent-cyan)50%,var(--color-accent-purple)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1.1}.hero-subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);max-width:700px;margin-left:auto;margin-right:auto;font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.6}.hero-cta{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:768px){.hero{min-height:80vh;padding:var(--spacing-2xl)0}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.hero-cta{flex-direction:column;align-items:center}.hero-cta .btn{width:100%;max-width:300px}}