.special-event-hero{position:relative;overflow:hidden;color:#fff;border-top:3px solid #f5b400;border-bottom:3px solid #f5b400;background:radial-gradient(circle at 12% 18%, rgba(64,196,255,0.45) 0, rgba(64,196,255,0) 38%),radial-gradient(circle at 88% 85%, rgba(255,140,0,0.35) 0, rgba(255,140,0,0) 42%),radial-gradient(circle at 70% 10%, rgba(140,120,255,0.25) 0, rgba(140,120,255,0) 35%),linear-gradient(135deg, #08142b 0%, #11285a 50%, #08142b 100%)}.special-event-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg, rgba(255,255,255,0.05) 0, rgba(255,255,255,0.05) 1px, transparent 1px, transparent 32px),repeating-linear-gradient(90deg, rgba(255,255,255,0.05) 0, rgba(255,255,255,0.05) 1px, transparent 1px, transparent 32px)}.special-event-hero::after{content:"";position:absolute;top:-50%;left:-20%;width:140%;height:200%;pointer-events:none;background:linear-gradient(115deg, transparent 46%, rgba(120,220,255,0.18) 49%, rgba(255,255,255,0.35) 50%, rgba(120,220,255,0.18) 51%, transparent 54%);animation:special-event-spark 6s ease-in-out infinite}@keyframes special-event-spark{0%, 100%{transform:translateX(-30%);opacity:0}40%{opacity:1}60%{transform:translateX(30%);opacity:0}}@media (prefers-reduced-motion: reduce){.special-event-hero::after{animation:none;opacity:0.6;transform:none}}.special-event-hero>*{position:relative;z-index:1}.special-event-hero .special-event-title{font-weight:bold;letter-spacing:0.05em;text-shadow:0 0 8px rgba(64,196,255,0.9),0 0 18px rgba(64,196,255,0.5)}.special-event-hero .special-event-period{display:inline-block;padding:2px 14px;border:1px solid rgba(245,180,0,0.8);border-radius:999px;color:#ffd45c;background:rgba(0,0,0,0.25)}.special-event-hero .special-event-movie-frame{box-shadow:0 0 0 2px rgba(255,255,255,0.15),0 0 24px rgba(64,196,255,0.6);border-radius:6px;overflow:hidden}.special-event-hero .special-event-pickup img{border:1px solid rgba(255,255,255,0.25);border-radius:4px;transition:transform 0.2s, box-shadow 0.2s}.special-event-hero .special-event-pickup a:hover img{transform:translateY(-2px);box-shadow:0 0 12px rgba(64,196,255,0.7)}
