.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4xl) 0;overflow:hidden}.hero__bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4a90e266,#6b8dd64d),url(/assets/bsbg-K7TW8f5a.png);background-size:cover;background-position:center;background-attachment:fixed;z-index:-1}.hero__bg:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:200px;background:linear-gradient(to top,var(--color-bg-primary),transparent)}.hero__content{text-align:center;color:var(--color-text-light);max-width:800px;margin:0 auto;animation:fadeInUp 1s ease-out}.hero__title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg);text-shadow:0 2px 10px rgba(0,0,0,.2)}.hero__title-accent{display:inline-block;font-size:calc(var(--font-size-5xl) * 1.2);background:linear-gradient(135deg,#fff,#e3f2fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:var(--font-size-2xl);font-style:italic;margin-bottom:var(--spacing-xl);opacity:.95;animation:fadeIn 1.2s ease-out .3s both}.hero__text{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-3xl);opacity:.9;animation:fadeIn 1.2s ease-out .5s both}.hero__cta{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;animation:fadeInUp 1.2s ease-out .7s both}.hero__scroll{position:absolute;bottom:var(--spacing-2xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--color-text-light);font-size:var(--font-size-sm);opacity:.8;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@media (max-width: 768px){.hero{min-height:100svh;padding:var(--spacing-3xl) 0}.hero__bg{background-attachment:scroll}.hero__title{font-size:var(--font-size-3xl)}.hero__title-accent{font-size:var(--font-size-4xl)}.hero__subtitle{font-size:var(--font-size-xl)}.hero__text{font-size:var(--font-size-base)}.hero__cta{flex-direction:column;gap:var(--spacing-md)}.hero__cta .btn{width:100%}.hero__scroll{bottom:var(--spacing-lg)}}