.quick-card form { position: relative; border: 1px solid #cbdaf0; background: #fff; box-shadow: 0 5px 16px rgba(34,77,133,.04); transition: border-color .2s ease, box-shadow .25s ease, transform .2s ease; }
.quick-card form:focus-within { border-color: #4d9aff; box-shadow: 0 0 0 4px rgba(8,104,237,.10), 0 10px 24px rgba(8,104,237,.12); transform: translateY(-1px); }
.quick-card form > span { width: 48px; padding: 0 !important; font-size: 0 !important; display: grid; place-items: center; }
.quick-card form > span::after { content: ""; width: 19px; height: 19px; background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b7398' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E"); transition: transform .2s ease, filter .2s ease; }
.quick-card form:focus-within > span::after { transform: scale(1.1); filter: brightness(.8) sepia(1) saturate(7) hue-rotate(185deg); }
.quick-card form input { color: #132b51; font-size: 14px; }
.quick-card form input::placeholder { color: #8292ab; }
.quick-card form button { position: relative; overflow: hidden; cursor: pointer; font-size: 13px; transition: background .2s ease, transform .2s ease, box-shadow .2s ease; }
.quick-card form button::after { content: ""; position: absolute; top: 0; left: -80%; width: 45%; height: 100%; background: linear-gradient(100deg, transparent, rgba(255,255,255,.32), transparent); transform: skewX(-20deg); transition: left .55s ease; }
.quick-card form button:hover { background: #075dcc; transform: translateY(-1px); box-shadow: 0 7px 15px rgba(8,104,237,.24); }
.quick-card form button:hover::after { left: 135%; }
.popular button { cursor: pointer; transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease; }
.popular button:hover { color: #0868ed; border-color: #9ec6ff; background: #eef6ff; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(8,104,237,.1); }
.quick-card form.is-searching button { pointer-events: none; background: #075dcc; }
.quick-card form.is-searching button::before { content: ""; position: absolute; left: 18px; width: 13px; height: 13px; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; border-radius: 50%; animation: quick-spin .7s linear infinite; }
@keyframes quick-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .quick-card form, .quick-card form > span::after, .quick-card form button, .popular button { transition: none; } .quick-card form.is-searching button::before { animation: none; } }