/* Small, consistent feedback; nothing is hidden pending JavaScript. */
.hero-autumn-offer{position:relative}
.offer-confetti{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:visible}
.offer-confetti i{position:absolute;left:0;top:0;width:7px;height:10px;background:#ff8057;border-radius:1px;will-change:transform,opacity}
.offer-confetti i:nth-child(3n){background:#3647ed}.offer-confetti i:nth-child(3n+1){background:#ffbd80;border-radius:50%;width:7px;height:7px}.offer-confetti i:nth-child(5n){background:#191f4d}
:where(button, .button, .primary, .secondary, .login-link, .portal-link) {transition:transform 180ms ease,box-shadow 180ms ease,background-color 180ms ease,border-color 180ms ease}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 button:not(:disabled):hover, .button:hover, .primary:hover, .secondary:hover, .login-link:hover, .portal-link:hover {transform:translateY(-2px);box-shadow:0 6px 16px #17204d18}
 .button > span[aria-hidden=true] {transition:transform 180ms ease}
 .button:hover > span[aria-hidden=true] {transform:translate(2px,-2px)}
}
button:not(:disabled):active, .button:active, .primary:active, .secondary:active, .login-link:active, .portal-link:active {transform:translateY(0);box-shadow:none}
@media (prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto!important}
 *, *::before, *::after {animation:none!important;transition:none!important}
 button:hover, .button:hover, .primary:hover, .secondary:hover, .login-link:hover, .portal-link:hover {transform:none!important}
}