:root {
  --buyeriva-canvas: #f5f0fa;
  --buyeriva-card: #fffdfb;
  --buyeriva-ink: #28232e;
  --buyeriva-muted: #6f6877;
  --buyeriva-border: #e5ddea;
  --buyeriva-orange: #ef7a45;
  --buyeriva-orange-dark: #cf5f2d;
  --buyeriva-orange-soft: #fff0e7;
  --buyeriva-purple: #775487;
  --buyeriva-purple-soft: #eee4f3;
  --buyeriva-error: #9f2d33;
  --buyeriva-shadow: 0 28px 70px rgba(62, 43, 72, 0.14);
}

* { box-sizing: border-box; }
body { background: radial-gradient(circle at 12% 12%, rgba(239,122,69,.11), transparent 26rem), radial-gradient(circle at 88% 84%, rgba(119,84,135,.12), transparent 28rem), var(--buyeriva-canvas); color: var(--buyeriva-ink); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin: 0; min-height: 100vh; }
.page-shell { min-height: 100vh; padding: 3rem 1.25rem; }
.interaction-card { background: var(--buyeriva-card); border: 1px solid rgba(119,84,135,.13); border-radius: 1.5rem; box-shadow: var(--buyeriva-shadow); max-width: 38rem; overflow: hidden; padding: 2.5rem; position: relative; width: 100%; }
.interaction-card::before { background: linear-gradient(90deg,var(--buyeriva-orange),#f3a467 46%,#9a78aa); content: ""; height: .3rem; inset: 0 0 auto; position: absolute; }
.brand-mark { margin-bottom: 2.5rem; }
.brand-logo { display: block; height: auto; max-width: min(10.75rem,55vw); width: 100%; }
.eyebrow { color: var(--buyeriva-purple); font-size: .76rem; font-weight: 800; letter-spacing: .12em; margin: 0 0 .7rem; text-transform: uppercase; }
h1 { font-size: clamp(1.8rem,4vw,2.35rem); font-weight: 740; letter-spacing: -.035em; line-height: 1.12; margin: 0 0 1rem; }
.page-copy { color: var(--buyeriva-muted); font-size: 1.02rem; line-height: 1.65; }
.status-icon { align-items: center; border-radius: 1rem; display: flex; font-size: 1.5rem; font-weight: 800; height: 3.25rem; justify-content: center; margin-bottom: 1.5rem; width: 3.25rem; }
.status-icon-success { background: #e9f5ed; color: #307a4a; }
.status-icon-warm { background: var(--buyeriva-orange-soft); color: var(--buyeriva-orange-dark); }
.form-label { color: var(--buyeriva-ink); font-size: .9rem; font-weight: 700; margin-bottom: .45rem; }
.form-control,.form-select { border-color: var(--buyeriva-border); border-radius: .8rem; color: var(--buyeriva-ink); min-height: 3.1rem; padding: .7rem .9rem; }
.form-control:focus,.form-select:focus { border-color: var(--buyeriva-orange); box-shadow: 0 0 0 .22rem rgba(239,122,69,.16); }
.form-text { color: var(--buyeriva-muted); }
.btn-buyeriva { background: var(--buyeriva-orange); border: 1px solid var(--buyeriva-orange); border-radius: .85rem; color: #fff; font-weight: 750; min-height: 3.2rem; padding: .75rem 1.25rem; transition: background-color 160ms ease,transform 160ms ease; }
.btn-buyeriva:hover { background: var(--buyeriva-orange-dark); border-color: var(--buyeriva-orange-dark); color: #fff; transform: translateY(-1px); }
.btn-buyeriva:disabled { cursor: wait; opacity: .72; }
.alert-buyeriva { background: #fff0f0; border: 1px solid #f3c7ca; border-radius: .8rem; color: var(--buyeriva-error); font-size: .92rem; }
.flatpickr-calendar { border: 1px solid var(--buyeriva-border); border-radius: 1rem; box-shadow: 0 18px 45px rgba(55,39,63,.18); font-family: inherit; overflow: hidden; }
.flatpickr-day.selected,.flatpickr-day.selected:hover { background: var(--buyeriva-orange); border-color: var(--buyeriva-orange); }
[hidden] { display: none !important; }
@media (max-width:575.98px) { .page-shell { align-items: flex-start !important; padding: 1rem .75rem; } .interaction-card { border-radius: 1.15rem; padding: 1.75rem 1.25rem; } .brand-mark { margin-bottom: 2rem; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { transition: none !important; } }
