/* finder.css — AI Deal-Finder (GTAVI neon-coast) */
.df-wrap{max-width:860px;margin:0 auto;padding:26px 18px 70px}
.df-hero{text-align:center;margin:6px 0 22px}
.df-hero h1{font-family:"Pricedown Bl","Arial Black",sans-serif;font-size:clamp(2.2rem,6vw,3.4rem);letter-spacing:.04em;margin:0;
  background:linear-gradient(135deg,#ff2d78,#ff7ab8 45%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 18px rgba(255,45,120,.35))}
.df-hero p{color:#b9b3cc;max-width:620px;margin:10px auto 0}
.df-ai-banner{display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(34,211,238,.4);border-radius:14px;
  background:rgba(34,211,238,.06);padding:12px 16px;margin:0 0 18px;font-size:.92rem;color:#cfeef7}
.df-log{display:flex;flex-direction:column;gap:14px;min-height:220px;margin-bottom:14px}
.df-msg{max-width:100%}
.df-user{align-self:flex-end;max-width:88%}
.df-user .df-body{background:linear-gradient(135deg,rgba(255,45,120,.22),rgba(255,45,120,.08));
  border:1px solid rgba(255,45,120,.5);border-radius:16px 16px 4px 16px;padding:10px 16px;color:#ffe9f2}
.df-bot{align-self:flex-start;width:100%}
.df-bot .df-body{background:rgba(14,8,28,.85);border:1px solid rgba(34,211,238,.28);border-radius:4px 16px 16px 16px;
  padding:14px 16px;color:#ece9f5}
.df-ai-tag{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#7dd3e8;margin-bottom:6px}
.df-body p{margin:.45em 0}
.df-chips{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 14px}
.df-chipbtn{border:1px solid rgba(34,211,238,.45);background:rgba(34,211,238,.08);color:#bdf0fc;border-radius:999px;
  padding:8px 14px;font-size:.85rem;cursor:pointer;transition:all .15s ease}
.df-chipbtn:hover{background:rgba(34,211,238,.2);box-shadow:0 0 12px rgba(34,211,238,.35);transform:translateY(-1px)}
.df-form{display:flex;gap:10px;position:sticky;bottom:12px;background:rgba(10,6,20,.92);border:1px solid rgba(255,45,120,.4);
  border-radius:16px;padding:10px;backdrop-filter:blur(8px);box-shadow:0 8px 30px rgba(255,45,120,.25)}
.df-form input{flex:1;background:transparent;border:0;color:#fff;font-size:1rem;padding:10px 12px;outline:none}
.df-form input::placeholder{color:#8d86a3}
.df-form button{border:0;border-radius:12px;padding:10px 22px;font-weight:700;cursor:pointer;color:#0a0614;
  background:linear-gradient(135deg,#ff2d78,#ff7ab8);box-shadow:0 0 16px rgba(255,45,120,.5)}
.df-form button:hover{filter:brightness(1.1)}
/* program cards inside answers */
.df-card{border:1px solid rgba(255,45,120,.3);border-radius:14px;padding:14px 16px;margin:12px 0;background:rgba(255,45,120,.04)}
.df-card header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.df-card h3{margin:0;font-size:1.15rem;color:#fff}
.df-st{font-size:.72rem;font-weight:700;letter-spacing:.04em;border-radius:999px;padding:3px 10px}
.df-st-ok{background:rgba(52,211,153,.15);color:#6ee7b7;border:1px solid rgba(52,211,153,.4)}
.df-st-idx{background:rgba(34,211,238,.12);color:#7dd3e8;border:1px solid rgba(34,211,238,.4)}
.df-st-warn{background:rgba(251,191,36,.12);color:#fcd34d;border:1px solid rgba(251,191,36,.4)}
.df-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.df-chip{font-size:.75rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:2px 10px;color:#c9c3da}
.df-sum{color:#d9d4e8;font-size:.94rem}
.df-row{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-top:1px dashed rgba(255,255,255,.1);font-size:.9rem}
.df-row span:first-child{color:#9d94b8;flex:0 0 110px}
.df-row span:last-child{color:#f2eefb;text-align:right}
.df-caveat{color:#fcd34d;font-size:.86rem;background:rgba(251,191,36,.07);border-radius:8px;padding:8px 12px}
.df-note{color:#9d94b8;font-size:.85rem}
.df-apply{display:inline-block;margin-top:10px;font-weight:700;color:#ff7ab8;text-decoration:none;border:1px solid rgba(255,45,120,.5);
  border-radius:10px;padding:8px 16px;transition:all .15s ease}
.df-apply:hover{background:rgba(255,45,120,.18);box-shadow:0 0 14px rgba(255,45,120,.4)}
.df-fine{font-size:.78rem;color:#8d86a3;margin-top:8px}
.df-compare-wrap{overflow-x:auto;margin:12px 0}
.df-compare{border-collapse:collapse;width:100%;font-size:.9rem;min-width:480px}
.df-compare th,.df-compare td{border:1px solid rgba(255,255,255,.12);padding:8px 12px;text-align:left;vertical-align:top}
.df-compare thead th{background:rgba(255,45,120,.12);color:#fff}
.df-compare tbody th{color:#9d94b8;font-weight:600;background:rgba(255,255,255,.02)}
.df-rank{margin:.6em 0;padding-left:1.4em}
.df-rank li{margin:.4em 0;color:#ece9f5}
.df-list{margin:.6em 0;padding-left:1.2em;color:#ece9f5}
.df-list li{margin:.3em 0}
.df-disc{margin-top:26px;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px 16px;font-size:.82rem;color:#9d94b8}
@media (prefers-reduced-motion:reduce){.df-chipbtn,.df-apply,.df-form button{transition:none}}