/* Inter font for clean type */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* Aurora Glass — scoped to the component */
.fim-aurora{
  --brand:#3B82F6;        /* Primary (blue-500) */
  --violet:#7C3AED;       /* Accent violet */
  --cyan:#22D3EE;         /* Accent cyan   */
  --bg:#0b0f24;           /* Page background (behind panel) */
  --text:#E9EEFF;         /* High-contrast text on dark glass */
  --muted:#C7D2FE;        /* Muted text on dark */
  --subtle:#9FB3D0;       /* Placeholder / helper */
  --chip:#FFFFFF1A;       /* Chip background on dark */
  --chip-border:#FFFFFF2E;
  --glass:#0A122A;        /* Deep blue glass base */
  --glass-alpha:.82;      /* Panel opacity */
  --input-bg:#FFFFFF14;   /* Input background */
  --input-border:#94A3B81F; /* Input border */
  --ring:#60A5FA59;       /* Focus ring */
  --success-bg:#10B9811A; /* Success tint */
  --success-border:#10B9814D;
  --success-text:#D1FAE5;

  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  position: relative; display:grid; place-items:center;
  padding: 28px 16px; color:var(--text);
  min-height: 70vh;
}
.fim-aurora.fim-aurora--full{ min-height: 100svh; }

/* Animated aurora background (contained to the component) */
.fim-aurora__bg,
.fim-aurora__bg::before,
.fim-aurora__bg::after{
  position:absolute; inset:-10% -5%; content:""; z-index:0; pointer-events:none;
  filter: blur(80px);
  background:
    radial-gradient(closest-side, rgba(34,211,238,.14), transparent 70%) 20% 30% / 40% 40% no-repeat,
    radial-gradient(closest-side, rgba(124,58,237,.12), transparent 70%) 70% 20% / 38% 38% no-repeat,
    radial-gradient(closest-side, rgba(59,130,246,.16), transparent 70%) 50% 70% / 42% 42% no-repeat;
  animation: fim-drift 18s linear infinite;
}
.fim-aurora__bg::after{ animation-duration:24s; transform:rotate(60deg) }
.fim-aurora__bg::before{ animation-duration:28s; transform:rotate(-40deg) }
@keyframes fim-drift{ 0%{transform:translate3d(0,0,0)} 50%{transform:translate3d(-6%,2%,0)} 100%{transform:translate3d(0,0,0)} }

/* The glass panel is now deep navy */
.fim-aurora__panel{
  width:min(820px, 96vw); z-index:1;
  background: color-mix(in oklab, var(--glass) 96%, black 4%);
  background: rgba(10,18,42,var(--glass-alpha));
  border:1px solid rgba(148,163,184,.22);
  border-radius:20px; overflow:hidden;
  backdrop-filter: blur(20px) saturate(120%); -webkit-backdrop-filter: blur(20px) saturate(120%);
  box-shadow: 0 30px 80px rgba(2,6,23,.55), inset 0 0 0 1px rgba(255,255,255,.05);
}

/* Header */
.fim-aurora__header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 8px}
.fim-aurora__badges{display:flex;gap:8px;flex-wrap:wrap}
.fim-aurora__badge{
  font-size:12px; color:var(--text);
  background:var(--chip); border:1px solid var(--chip-border);
  padding:6px 10px; border-radius:999px; backdrop-filter:blur(6px);
}
.fim-aurora__brand{font-weight:800; letter-spacing:.2px; color:var(--muted)}

/* Titles */
.fim-aurora__title{margin:4px 22px 0; font-size:28px; font-weight:800; color:var(--text); letter-spacing:-.01em}
.fim-aurora__sub{margin:6px 22px 16px; color: var(--subtle)}

/* Hints */
.fim-aurora__hints{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 22px 14px}
@media (max-width:700px){.fim-aurora__hints{grid-template-columns:1fr}}
.fim-aurora__hint{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--muted);opacity:.95}
.fim-aurora__dot{width:6px;height:6px;border-radius:999px;background:#E5EDFF;margin-top:7px;opacity:.9}

/* Form */
.fim-aurora__form{display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:0 22px 22px}
@media (max-width:700px){.fim-aurora__form{grid-template-columns:1fr}}
.fim-aurora__field{display:flex;flex-direction:column;gap:6px}
.fim-aurora__label{font-size:13px;color:var(--muted)}
.fim-aurora__input{
  padding:13px 12px; border-radius:12px; font-size:14px; outline:none;
  color:var(--text);
  border:1px solid var(--input-border);
  background: var(--input-bg);
  transition:all .15s;
}
.fim-aurora__input::placeholder{color:var(--subtle)}
.fim-aurora__input:focus{
  background: #FFFFFF22; border-color:#93C5FD;
  box-shadow: 0 0 0 3px var(--ring);
}
.fim-aurora__row-span{grid-column:1 / -1}
.fim-aurora__consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted)}

/* Actions */
.fim-aurora__actions{display:flex;justify-content:flex-end}
.fim-aurora__btn{
  appearance:none;border:0;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer;
  color:#0b1020;
  background:linear-gradient(90deg, #FFFFFF, #E8F3FF);
  box-shadow:0 12px 32px rgba(255,255,255,.24), 0 0 0 1px rgba(0,0,0,.08);
}
.fim-aurora__btn:hover{filter:saturate(1.05) brightness(1.02)}
.fim-aurora__btn:active{transform:translateY(1px)}

/* Success + footer (dark legible) */
.fim-aurora__success{
  margin:0 22px 22px; padding:14px 16px;
  color:var(--success-text);
  background:var(--success-bg);
  border-radius:12px; border:1px solid var(--success-border);
}
.fim-aurora__footer{
  padding:12px 22px; color:var(--muted); font-size:12px;
  border-top:1px solid rgba(148,163,184,.18);
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap
}

/* THEME SUPPORT
   - Default is dark. Add [fim_prospect_form theme="light"] to switch to light.
*/
.fim-aurora.theme-light{
  --text:#0b1220;
  --muted:#475467;
  --subtle:#667085;
  --chip:#FFFFFF;
  --chip-border:#00000010;
  --glass:#FFFFFF; --glass-alpha:.14;
  --input-bg:#FFFFFF;
  --input-border:#E5E7EB;
  --ring:#60A5FA44;
  --success-bg:#F0FDF4;
  --success-border:#DCFCE7;
  --success-text:#14532D;
  color:var(--text);
}
.fim-aurora.theme-light .fim-aurora__panel{
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.28);
  box-shadow: 0 30px 80px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.06);
}
.fim-aurora.theme-light .fim-aurora__badge{color:#0b1220}
.fim-aurora.theme-light .fim-aurora__label{color:#344054}
.fim-aurora.theme-light .fim-aurora__input{color:#0b1220; background:#ffffff; border-color:#e5e7eb}
.fim-aurora.theme-light .fim-aurora__sub{color:#e5e6ee}