.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 40%,var(--color-primary-light) 100%)}.hero-bg{position:absolute;inset:0;pointer-events:none}.hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,var(--color-tech) 0%,transparent 60%),radial-gradient(ellipse at 70% 20%,var(--color-accent) 0%,transparent 50%);opacity:.12}.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.02) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px}.hero-spiral{position:absolute;right:-100px;top:50%;transform:translateY(-50%);width:600px;height:600px;animation:spin-slow 40s linear infinite,breathe 6s ease-in-out infinite}.hero-particles{position:absolute;inset:0;pointer-events:none}.hero-particle{position:absolute;border-radius:50%;background:var(--color-accent);animation:float-up linear infinite;opacity:0}.hero-particle:nth-child(1){left:10%;width:3px;height:3px;animation-duration:8s;animation-delay:0s}.hero-particle:nth-child(2){left:25%;width:2px;height:2px;animation-duration:10s;animation-delay:1.5s}.hero-particle:nth-child(3){left:40%;width:4px;height:4px;animation-duration:7s;animation-delay:3s}.hero-particle:nth-child(4){left:55%;width:2px;height:2px;animation-duration:9s;animation-delay:.8s}.hero-particle:nth-child(5){left:70%;width:3px;height:3px;animation-duration:11s;animation-delay:2.2s}.hero-particle:nth-child(6){left:85%;width:2px;height:2px;animation-duration:8.5s;animation-delay:4s}.hero-particle:nth-child(7){left:15%;width:3px;height:3px;animation-duration:9.5s;animation-delay:5s}.hero-particle:nth-child(8){left:60%;width:2px;height:2px;animation-duration:7.5s;animation-delay:1s}.hero-dots{position:absolute;inset:0}.dot{position:absolute;background:var(--color-accent);border-radius:50%;animation:float 4s ease-in-out infinite;opacity:.6}.hero-content{position:relative;z-index:2;padding-top:80px;padding-bottom:80px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50px;font-size:14px;font-weight:500;color:#ffffffe6;backdrop-filter:blur(10px);margin-bottom:32px}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);animation:pulse-glow 2s ease-in-out infinite}.hero-title{font-size:clamp(36px,6vw,64px);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:#fff;margin-bottom:24px}.hero-highlight{background:linear-gradient(135deg,var(--color-accent),#E8D5A3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:clamp(16px,2vw,18px);color:#ffffffb3;line-height:1.8;max-width:620px;margin-bottom:40px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-btn-outline{border-color:#fff6!important;color:#fff!important}.hero-btn-outline:hover{border-color:#fff!important;background:#ffffff1a!important}.hero-scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;color:#ffffff80;font-size:12px;cursor:pointer;z-index:2;animation:float 3s ease-in-out infinite;transition:color .3s}.hero-scroll-indicator:hover{color:#fffc}@media(max-width:768px){.hero-spiral{right:-200px;width:400px;height:400px}.hero-content{padding-top:100px;padding-bottom:100px}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%;justify-content:center}}@media(max-width:480px){.hero-content h1{font-size:clamp(28px,8vw,36px)}.hero-content .hero-desc{font-size:15px}.hero-content{padding-top:80px;padding-bottom:80px}}