:root {
  --cpc-navy: #0d1b2a;
  --cpc-cobalt: #1e3a8a;
  --cpc-gold: #c89b5e;
  --cpc-gold-hover: #d2aa74;
  --cpc-bg: #f5f6f7;
  --cpc-text: #0d1b2a;
  --cpc-muted: #64748b;
  --cpc-border: #dfe3e8;
}

.auth-body {
  min-height: 100vh;
  margin: 0;
  overflow: auto !important;
  color: #fff;
  background: var(--cpc-navy);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.hero-gradient { background: linear-gradient(135deg, var(--cpc-navy) 0%, var(--cpc-cobalt) 55%, var(--cpc-navy) 100%); }
.text-gold { color: var(--cpc-gold) !important; }
.text-slate-300 { color: #cbd5e1 !important; }
.text-slate-400 { color: #94a3b8 !important; }
.tracking-widest { letter-spacing: .2em; }
.rounded-4xl { border-radius: 1.75rem; }
.shadow-soft { box-shadow: 0 20px 60px rgba(13, 27, 42, .08); }

.feature-icon {
  width: 2.75rem;
  height: 2.75rem;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(200, 155, 94, .22);
  border-radius: .75rem;
  color: var(--cpc-gold);
  background: rgba(255, 255, 255, .05);
}

.btn-gold {
  border: 1px solid var(--cpc-gold);
  color: var(--cpc-navy);
  background: var(--cpc-gold);
  font-weight: 600;
}
.btn-gold:hover, .btn-gold:focus { border-color: var(--cpc-gold-hover); color: var(--cpc-navy); background: var(--cpc-gold-hover); }
.btn-outline-gold { border: 1px solid var(--cpc-gold); color: #9a713d; background: transparent; font-weight: 600; }
.btn-outline-gold:hover, .btn-outline-gold:focus { color: var(--cpc-navy); background: var(--cpc-gold); }
.auth-link { color: #8a642f; }
.auth-link:hover, .auth-link:focus { color: #68491f; }

.auth-body .form-control {
  min-height: 42px;
  border: 1px solid var(--cpc-border);
  border-radius: 7px;
  color: var(--cpc-text);
  background: #fff;
}
.auth-body .form-control:focus {
  border-color: var(--cpc-gold);
  color: var(--cpc-text);
  background: #fff;
  box-shadow: 0 0 0 .2rem rgba(200, 155, 94, .25);
}
.auth-body .form-control::placeholder { color: #9aa0a6; }
.auth-panel { background: var(--cpc-bg); }
.auth-title { color: var(--cpc-navy); }
.auth-muted { color: var(--cpc-muted); }