.halloween-banner{display:flex;align-items:center;gap:14px;margin:18px 0 24px;padding:14px 20px;border:1px solid #f08a21;border-radius:16px;background:radial-gradient(ellipse at 85% 0,#ffe8a966,transparent 60%),linear-gradient(110deg,#ff962b,#ffb640);color:#381c0b;text-decoration:none;box-shadow:0 5px 18px #bd590d18;transition:transform .18s ease,box-shadow .18s ease}
.halloween-banner:hover{transform:translateY(-2px);box-shadow:0 8px 24px #bd590d28;color:#381c0b}
.halloween-banner:focus-visible{outline:3px solid #7c3aed;outline-offset:4px}
.halloween-icon{font-size:30px;line-height:1;flex-shrink:0;transform-origin:50% 75%;animation:pumpkin-sway 2.8s ease-in-out infinite}
@keyframes pumpkin-sway{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-3px) rotate(8deg)}}
.halloween-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.halloween-copy strong{font-size:15px;color:#381c0b}
.halloween-copy>span{font-size:13px;color:#54280c}
.halloween-action{margin-left:auto;font-size:13px;font-weight:700;white-space:nowrap;color:#381c0b}
@media(max-width:480px){.halloween-banner{gap:10px;padding:12px}.halloween-icon{font-size:25px}.halloween-copy strong{font-size:14px}.halloween-copy>span{font-size:12px}.halloween-action{font-size:12px}}
@media(prefers-reduced-motion:reduce){.halloween-banner{transition:none}.halloween-banner:hover{transform:none}.halloween-icon{animation:none}}