body {
  background:#0f1115;
  color:#eaeaea;
  font-family:system-ui, sans-serif;
  margin:0;
  padding:20px;
  max-width:420px;
  margin:auto;
}

h1,h2 { text-align:center; }

.card {
  background:#1c1f26;
  border-radius:12px;
  padding:16px;
  margin:12px 0;
  box-shadow:0 0 20px rgba(0,0,0,.4);
}

button {
  width:100%;
  padding:14px;
  border:none;
  border-radius:10px;
  background:#4caf50;
  color:#000;
  font-size:16px;
  font-weight:bold;
  cursor:pointer;
}

button.secondary { background:#2196f3; }
button.danger { background:#f44336; }

input {
  width:100%;
  padding:12px;
  border-radius:8px;
  border:none;
  margin:6px 0;
}

.footer {
  text-align:center;
  font-size:12px;
  opacity:.6;
}