.hero{background:var(--color-gray-900);height:100vh;max-height:900px;min-height:600px;overflow:hidden;position:relative}.hero-static{align-items:center;display:flex;justify-content:center}.hero-background{background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:0}.hero-background,.hero-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.hero-overlay{background:linear-gradient(135deg,rgba(200,16,46,.85),rgba(200,16,46,.75) 30%,rgba(241,191,0,.4) 85%,rgba(241,191,0,.25));z-index:1}.hero-overlay:before{animation:pulse-glow 6s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,rgba(241,191,0,.15) 0,transparent 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.6}}.hero-content{display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;max-width:900px;padding:0 var(--spacing-lg);position:relative;text-align:center;z-index:10}.hero-content,.hero-subtitle{align-items:center;color:var(--color-white)}.hero-subtitle{animation:fadeInUp .8s ease-out;backdrop-filter:blur(5px);background:rgba(200,16,46,.4);border:2px solid #f1bf00;border-radius:50px;box-shadow:0 8px 32px rgba(241,191,0,.4);display:inline-flex;font-size:.875rem;font-weight:var(--font-weight-bold);gap:var(--spacing-sm);letter-spacing:2px;margin-bottom:var(--spacing-xl);padding:.625rem 1.5rem;text-transform:uppercase;will-change:transform}.hero-subtitle i{animation:wave 3s ease-in-out infinite;color:#f1bf00;will-change:transform}@keyframes wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.hero-subtitle:before{animation:pulse 3s infinite;background:#f1bf00;border-radius:50%;content:"";display:inline-block;height:8px;width:8px;will-change:transform,opacity}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}.hero-title{animation:fadeInUp .8s ease-out .2s both;font-size:clamp(3rem,10vw,6.5rem);font-weight:var(--font-weight-black);letter-spacing:-.02em;line-height:1;margin-bottom:var(--spacing-md);text-shadow:0 4px 30px rgba(0,0,0,.5),0 2px 10px rgba(0,0,0,.3)}.hero-title .text-highlight{background:linear-gradient(135deg,#f1bf00,gold 50%,#f1bf00);-webkit-background-clip:text;display:inline-block;-webkit-text-fill-color:transparent;animation:shimmer 3s ease-in-out infinite;background-clip:text;filter:drop-shadow(0 3px 12px rgba(241,191,0,.7));text-shadow:none}.hero-title .text-red{animation:shimmerRed 4s ease-in-out infinite;color:#c8102e;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 4px 12px rgba(0,0,0,.9),0 0 30px rgba(200,16,46,.7)}.hero-title .text-red,.hero-title .text-yellow{display:inline-block;font-weight:900;transform:translateZ(0);will-change:opacity}.hero-title .text-yellow{animation:shimmerYellow 4s ease-in-out .5s infinite;color:#f1bf00;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 4px 12px rgba(0,0,0,.9),0 0 30px rgba(241,191,0,.8)}@keyframes shimmer{0%,to{filter:drop-shadow(0 3px 12px rgba(241,191,0,.7))}50%{filter:drop-shadow(0 5px 20px rgba(241,191,0,1))}}.hero-title .hero-h1-extra{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}@keyframes shimmerRed{0%,to{opacity:.95}50%{opacity:1}}@keyframes shimmerYellow{0%,to{opacity:.95}50%{opacity:1}}.hero-tagline{animation:fadeInUp .8s ease-out .3s both;color:var(--color-white);font-size:clamp(1.25rem,3vw,2rem);font-weight:var(--font-weight-bold);letter-spacing:2px;margin-bottom:var(--spacing-lg);opacity:.95;text-shadow:0 2px 16px rgba(0,0,0,.5);text-transform:uppercase}.hero-text{animation:fadeInUp .8s ease-out .4s both;color:hsla(0,0%,100%,.95);font-size:clamp(1rem,2vw,1.25rem);font-weight:var(--font-weight-medium);line-height:1.7;margin:0 auto var(--spacing-2xl);max-width:700px;text-shadow:0 2px 12px rgba(0,0,0,.4)}.hero-buttons{animation:fadeInUp .8s ease-out .6s both;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.hero-badges,.hero-buttons{display:flex;flex-wrap:wrap;justify-content:center}.hero-badges{animation:fadeInUp .8s ease-out .8s both;gap:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.badge-item{align-items:center;backdrop-filter:blur(5px);background:rgba(0,0,0,.6);border:1px solid rgba(0,0,0,.2);border-radius:var(--border-radius-lg);color:var(--color-white);display:flex;flex-direction:column;font-size:.875rem;font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);min-width:140px;padding:var(--spacing-md) var(--spacing-lg);text-align:center;transition:all var(--transition-base);will-change:transform}.badge-item:hover{background:hsla(0,0%,100%,.15);border-color:#f1bf00;box-shadow:0 12px 24px rgba(241,191,0,.4);transform:translateY(-4px)}.badge-item i{color:#f1bf00;filter:drop-shadow(0 2px 8px rgba(241,191,0,.6));font-size:2rem;margin-bottom:var(--spacing-xs);transition:all var(--transition-base)}.badge-item:hover i{filter:drop-shadow(0 4px 12px rgba(241,191,0,1));transform:scale(1.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.hero-scroll{align-items:center;animation:bounce 2s infinite;bottom:var(--spacing-2xl);color:var(--color-white);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--spacing-sm);left:50%;position:absolute;transform:translateX(-50%);z-index:20}.hero-scroll i{font-size:1.5rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:1200px){.hero{min-height:500px}.hero-title{font-size:clamp(2rem,6vw,3.5rem)}}@media (max-width:992px){.hero{min-height:550px}.hero-badges{gap:var(--spacing-lg)}}@media (min-width:768px) and (max-width:991px){.hero-static .hero-content{max-width:700px;padding:4rem 2rem}.hero-title{font-size:2.5rem;margin-bottom:1rem}.hero-text{font-size:1rem;line-height:1.6;margin-bottom:2rem}.hero-buttons{flex-direction:row;gap:1rem;justify-content:center}.hero-buttons .btn{flex:0 1 auto;font-size:15px;max-width:200px;padding:.75rem 1.5rem}.hero-tagline{font-size:1.25rem}}@media (max-width:768px){.hero{max-height:700px;min-height:600px}.hero-content{max-width:100%;padding:0 var(--spacing-md)}.hero-subtitle{font-size:.75rem;letter-spacing:1.5px;padding:.5rem 1.25rem}.hero-title{font-size:clamp(2.5rem,8vw,3.5rem);margin-bottom:var(--spacing-sm)}.hero-tagline{font-size:clamp(1rem,2.5vw,1.5rem);letter-spacing:1.5px;margin-bottom:var(--spacing-md)}.hero-text{font-size:1rem;margin-bottom:var(--spacing-xl)}.hero-badges,.hero-buttons{gap:var(--spacing-md)}.hero-badges{margin-top:var(--spacing-xl)}.badge-item{font-size:.75rem;min-width:100px;padding:var(--spacing-sm) var(--spacing-md)}.badge-item i{font-size:1.5rem}}@media (max-width:576px){.hero{min-height:550px}.hero-content{padding:0 var(--spacing-sm)}.hero-subtitle{font-size:.625rem;letter-spacing:1px;margin-bottom:var(--spacing-md);padding:.5rem 1rem}.hero-title{font-size:clamp(1.75rem,8vw,2.5rem);margin-bottom:var(--spacing-sm)}.hero-tagline{font-size:clamp(.875rem,2vw,1.125rem);letter-spacing:1px;margin-bottom:var(--spacing-md)}.hero-text{font-size:.9375rem;line-height:1.6;margin-bottom:var(--spacing-lg)}.hero-buttons{flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);width:100%}.hero-buttons .btn{justify-content:center;width:100%}.hero-badges{flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-lg)}.badge-item{flex:0 0 calc(50% - var(--spacing-xs));font-size:.6875rem;min-width:calc(50% - var(--spacing-xs));padding:var(--spacing-sm)}.badge-item i{font-size:1.25rem}.badge-item span{font-size:.625rem}}@media (prefers-reduced-motion:reduce){.hero-subtitle i,.hero-subtitle:after,.hero-title .text-red,.hero-title .text-yellow{animation:none}}.hero:not(.visible) .hero-subtitle i,.hero:not(.visible) .hero-title .text-red,.hero:not(.visible) .hero-title .text-yellow{animation-play-state:paused}.hero-parallax .hero-slide{transition:transform .3s ease-out}.hero-video{height:auto;left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:auto;z-index:0}.hero-video-overlay{background:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}