#salla-home-hero { min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; background: var(--potato-white); padding: 0; position: relative; overflow: hidden; }
#salla-home-hero.hero-section::before { content: ''; position: absolute; inset: -20px; background: url('../../../media/background.webp') center/cover no-repeat; opacity: 0; filter: blur(20px); animation: hero-bg-reveal 2s cubic-bezier(0.2, 0.8, 0.2, 1) 1.2s forwards; z-index: 0; transform: scale(1.1); }
@keyframes hero-bg-reveal { from { opacity: 0; filter: blur(20px); transform: scale(1.1); } to { opacity: 1; filter: blur(8px); transform: scale(1.1); } }
#salla-home-hero.hero-section::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); z-index: 1; opacity: 0; transition: opacity 2s cubic-bezier(0.2, 0.8, 0.2, 1); }
#salla-home-hero.bg-revealed::after { opacity: 1; }
#salla-home-hero .hero-content { position: relative; z-index: 2; }
#salla-home-hero .hero-brand, #salla-home-hero .hero-content h1, #salla-home-hero .redirect-subtitle { transition: color 2s cubic-bezier(0.2, 0.8, 0.2, 1); }
#salla-home-hero.bg-revealed .hero-brand, #salla-home-hero.bg-revealed .hero-content h1, #salla-home-hero.bg-revealed .redirect-subtitle { color: var(--potato-white); }

#salla-home-hero .hero-brand-wrapper { opacity: 0; will-change: transform, opacity; animation: hero-entry 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0s forwards; }
#salla-home-hero .hero-brand { font-family: 'Cairo', sans-serif; font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 900; letter-spacing: -0.02em; text-transform: uppercase; color: var(--potato-black); margin-bottom: 0.5rem; line-height: 1.1; animation: hero-float 4s ease-in-out infinite 0.8s; }

@keyframes hero-entry { 0% { opacity: 0; transform: translate3d(0, 30px, 0); filter: blur(5px); } 100% { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0); } }
@keyframes hero-float { 0%, 100% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(0, -8px, 0); } }

#salla-home-hero .hero-title-wrapper { opacity: 0; will-change: transform, opacity; animation: hero-entry 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.3s forwards; }
#salla-home-hero .hero-content h1 { font-family: 'Cairo', sans-serif; font-size: clamp(2.5rem, 5.5vw, 4rem); font-weight: 800; line-height: 1.3; margin-bottom: 1rem; color: var(--potato-black); letter-spacing: 0.01em; backface-visibility: hidden; animation: hero-float 4s ease-in-out infinite 1.1s; }

#salla-home-hero .redirect-subtitle { font-family: 'Cairo', sans-serif; font-size: clamp(1rem, 2vw, 1.35rem); font-weight: 600; color: var(--potato-grey-600); margin-top: 1rem; opacity: 0; visibility: hidden; transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, color 2s cubic-bezier(0.2, 0.8, 0.2, 1); }
#salla-home-hero .redirect-subtitle.active { opacity: 1; visibility: visible; }

.loading-bar-container { position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: rgba(0, 0, 0, 0.2); z-index: 10; opacity: 0; transition: opacity 0.5s ease-in-out; }
.loading-bar-container.active { opacity: 1; }
.loading-bar { width: 0%; height: 100%; background: var(--potato-accent); box-shadow: 0 0 10px var(--potato-accent); transition: width 5s linear; }

@media (max-width: 850px) {
  #salla-home-hero .hero-content h1 { font-size: 2.5rem; }
  #salla-home-hero .hero-brand { font-size: 2.2rem; }
}