:root{
  --brand:#4f46e5;
  --brand-2:#6366f1;
}

.card{
  background:#fff;
  border-radius:16px;
  padding:16px;
  box-shadow:0 10px 25px rgba(2,6,23,.08);
}

.btn-primary{
  background:var(--brand);
  color:#fff;
  padding:.6rem 1rem;
  border-radius:.7rem;
  transition:transform .15s ease, opacity .15s ease;
}
.btn-primary:hover{ transform:translateY(-1px); opacity:.95; }

.btn-secondary{
  background:var(--brand-2);
  color:#fff;
  padding:.5rem .9rem;
  border-radius:.7rem;
}

.input{
  width:100%;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:.7rem;
  padding:.6rem .8rem;
}

.toast{
  margin-top:16px;
  background:#10b981;
  color:#fff;
  padding:.8rem 1rem;
  border-radius:.7rem;
  text-align:center;
}