/* Animated light stays on the 2px outline; the interior remains solid. */
@property --search-halo-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.header .search-form{position:relative;isolation:isolate;background:#f0f1f6;box-shadow:none}
.header .search-form::before{content:'';position:absolute;inset:-2px;z-index:0;border-radius:12px;background:conic-gradient(from var(--search-halo-angle),#dce4f5 0deg,#dce4f5 195deg,#3aaaff 245deg,#bdefff 275deg,#0054ff 305deg,#dce4f5 360deg);pointer-events:none}
.header .search-form::after{content:'';position:absolute;inset:0;z-index:0;border-radius:10px;background:#f0f1f6;pointer-events:none}
.header .search-form>*{position:relative;z-index:1}
.header .search-form:focus-within{background:#f0f1f6;box-shadow:none}
.header .search-form:focus-within::after{background:#f0f1f6}
@media(prefers-reduced-motion:no-preference){.header .search-form::before{animation:search-halo-orbit 7s linear infinite}.header .search-form:focus-within::before{animation-duration:3.5s}@keyframes search-halo-orbit{to{--search-halo-angle:360deg}}}
@media(prefers-reduced-motion:reduce){.header .search-form::before{animation:none}}
.header .search-form input:focus-visible{outline:none}
.header .search-form:focus-within::before{background:conic-gradient(from var(--search-halo-angle),#9bbcff 0deg,#9bbcff 195deg,#3aaaff 245deg,#bdefff 275deg,#0054ff 305deg,#9bbcff 360deg)}

