.hero-section{background:linear-gradient(135deg,var(--color-background)0%,var(--color-background-secondary)100%);width:100%;min-height:100vh;position:relative;overflow:hidden}.slider-container{justify-content:center;align-items:center;width:100%;height:100%;min-height:100vh;display:flex;position:relative}.slide{opacity:0;visibility:hidden;z-index:1;width:100%;height:100%;min-height:100vh;transition:opacity .6s ease-in-out,visibility .6s ease-in-out;display:flex;position:absolute;top:0;left:0}.slide.active{opacity:1;visibility:visible;z-index:10;animation:.6s ease-in-out forwards slideActive;display:flex}@keyframes slideActive{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-content{width:100%;height:100%;padding:var(--space-2xl)var(--space-md);text-align:center;z-index:2;min-height:100vh;visibility:inherit;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}@media (min-width:768px){.slide-content{padding:var(--space-3xl)var(--space-lg)}}@media (min-width:1024px){.slide-content{padding:var(--space-4xl)var(--space-xl)}}.slide:before{content:"";opacity:0;z-index:1;background:radial-gradient(circle,#0000 0%,#0000004d 100%);position:absolute;inset:0}.slide.active:before{opacity:1;animation:.8s ease-out forwards fadeIn}.slider-dots{bottom:var(--space-2xl);justify-content:center;gap:var(--space-md);z-index:20;flex-wrap:wrap;display:flex;position:absolute;left:0;right:0}.dot{border:2px solid var(--color-primary);cursor:pointer;background:0 0;border-radius:50%;width:12px;height:12px;padding:0;font-size:0;transition:all .3s ease-in-out;display:block}.dot:hover{box-shadow:0 0 12px var(--color-primary);transform:scale(1.2)}.dot.active{background:var(--color-primary);box-shadow:0 0 20px var(--color-primary);transform:scale(1.3)}@media (max-width:480px){.slider-dots{bottom:var(--space-lg);gap:var(--space-sm)}.dot{width:10px;height:10px}}.slider-prev,.slider-next{border:2px solid var(--color-primary);width:48px;height:48px;color:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;z-index:15;background:#00d9ff1a;justify-content:center;align-items:center;font-size:24px;font-weight:700;line-height:1;transition:all .3s ease-in-out;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-prev{left:var(--space-lg)}.slider-next{right:var(--space-lg)}.slider-prev:hover,.slider-next:hover{box-shadow:0 0 20px var(--color-primary);background:#00d9ff33;transform:translateY(-50%)scale(1.1)}.slider-prev:active,.slider-next:active{transform:translateY(-50%)scale(.95)}@media (max-width:768px){.slider-prev,.slider-next{width:40px;height:40px;font-size:18px}.slider-prev{left:var(--space-md)}.slider-next{right:var(--space-md)}}@media (max-width:480px){.slider-prev,.slider-next{display:none}}.slide-content h1{opacity:0;animation:.8s ease-out forwards slideInUp}.slide-content p{opacity:0;animation:.8s ease-out .2s forwards slideInUp}.slide-content .flex{opacity:0;animation:.8s ease-out .4s forwards slideInUp}.slide:not(.active) .slide-content h1,.slide:not(.active) .slide-content p,.slide:not(.active) .slide-content .flex{opacity:0;animation:none}@media (max-width:768px){.hero-section,.slider-container,.slide{min-height:80vh}.slide-content{min-height:80vh;padding:var(--space-2xl)var(--space-md)}.slide-content h1{font-size:var(--font-size-4xl)}.slide-content p{font-size:var(--font-size-lg)}}@media (max-width:480px){.hero-section,.slider-container,.slide{min-height:70vh}.slide-content{min-height:70vh;padding:var(--space-xl)var(--space-md)}.slide-content h1{font-size:var(--font-size-3xl)}.slide-content p{font-size:var(--font-size-base);margin-bottom:var(--space-lg)}.slide-content .flex{gap:var(--space-md);flex-direction:column;width:100%}.slide-content .btn{width:100%}.slider-dots{bottom:var(--space-md)}}.slider-prev:focus-visible,.slider-next:focus-visible,.dot:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.slide,.slide-content h1,.slide-content p,.slide-content .flex,.dot,.slider-prev,.slider-next{transition:none;animation:none}}