:root {
  --cream: #fff7f6;
  --paper: #fffdfb;
  --rose: #d24c8b;
  --rose-dark: #94214f;
  --rose-soft: #fce3ee;
  --berry: #551827;
  --plum: #27131b;
  --cocoa: #4a2c31;
  --muted: #7a5a66;
  --line: #eed7df;
}

body {
  min-height: 100vh;
  padding: 26px;
  background:
    linear-gradient(90deg, rgba(39, 19, 27, .9), rgba(85, 24, 39, .78)),
    url("/static/uploads/cea8169a2e4d479690d9131fa6fe2de2_ChatGPT_Image_Mar_26_2026_11_35_30_PM.png") center/cover no-repeat !important;
}

.box {
  max-width: 440px !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  background: rgba(255,253,251,.96) !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.34) !important;
  backdrop-filter: blur(14px);
}

.brand img {
  width: min(300px, 84vw) !important;
  filter: drop-shadow(0 8px 20px rgba(148,33,79,.12));
}

.brand-name {
  color: var(--berry) !important;
  font-size: 25px !important;
}

.brand-sub {
  color: var(--muted) !important;
}

input,
select {
  border-radius: 8px !important;
  border-color: #e9d5dd !important;
  background: #fff !important;
  min-height: 42px;
}

input:focus,
select:focus {
  border-color: var(--rose) !important;
  box-shadow: 0 0 0 3px rgba(210,76,139,.12) !important;
}

.btn {
  border-radius: 8px !important;
  min-height: 44px;
  background: var(--rose) !important;
  box-shadow: 0 12px 26px rgba(210,76,139,.22);
}

.btn:hover {
  background: var(--rose-dark) !important;
}

.back-link {
  color: var(--muted) !important;
}

@media (max-width: 560px) {
  body { padding: 16px; align-items: flex-start !important; }
  .box { padding: 28px 22px !important; margin-top: 24px; }
}