.hero-alt{background-color:var(--color-bg-alt);color:var(--color-text-dark);text-align:center;border-radius:0 0 8px 8px;flex-direction:column;justify-content:end;align-items:center;min-height:40vh;margin-bottom:2rem;padding:4rem 2rem;display:flex}.hero-alt-content h1{margin:0;font-size:3rem}.hero-alt-content p{margin-top:1rem;font-size:1.2rem}.hero-alt-buttons{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.hero-alt-buttons .btn{cursor:pointer;border:none;border-radius:8px;margin:0 .5rem;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .3s ease-in-out}.hero-alt-buttons .btn.primary{background-color:var(--color-primary);color:var(--color-text-dark)}.hero-alt-buttons .btn.primary:hover{background-color:var(--color-bg-base)}.hero-alt-buttons .btn.secondary{background-color:var(--color-surface);color:var(--color-text-dark);border:2px solid var(--color-primary)}.hero-alt-buttons .btn.secondary:hover{background-color:var(--color-primary);color:var(--color-text-dark)}@media (max-width:768px){.hero-alt-buttons{flex-direction:column;gap:.5rem}}[data-theme=dark] .hero-alt-buttons .btn.primary{color:#000}[data-theme=dark] .hero-alt-buttons .btn.primary:hover{background-color:var(--color-primary-dark)}[data-theme=dark] .hero-alt-buttons .btn.secondary:hover{color:#000;background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}