* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #121212;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.landing-container { width: 100%; max-width: 400px; padding: 20px; }
.landing-card {
  background: #1e1e1e; padding: 40px; border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5); text-align: center;
}
.logo { font-size: 24px; font-weight: bold; color: #d4af37; margin-bottom: 20px; }
.tabs { display: flex; margin-bottom: 20px; }
.tabs button {
  flex: 1; padding: 10px; background: transparent; color: #888;
  border: none; border-bottom: 2px solid transparent; cursor: pointer; font-size: 16px;
}
.tabs button.active { color: #d4af37; border-bottom: 2px solid #d4af37; }
input {
  width: 100%; padding: 12px; margin-bottom: 15px; border-radius: 6px;
  border: 1px solid #333; background: #2a2a2a; color: #fff;
}
button[type="submit"] {
  width: 100%; padding: 12px; border-radius: 6px; border: none;
  background: #d4af37; color: #000; font-weight: bold; cursor: pointer; font-size: 16px;
}
.error-msg { color: #ff4444; font-size: 14px; margin-top: 10px; }