/* Giriş sayfasının tek stil dosyası. Oturumsuz açık; panel tasarımından hiçbir şey taşımaz. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; color-scheme: dark; }
body {
  margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center;
  padding: 24px 16px; background: #0e1116; color: #e6e9ee;
  font: 15px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
form { width: 100%; max-width: 340px; display: grid; gap: 12px; }
input, button { font: inherit; font-size: 16px; border-radius: 12px; }
input {
  width: 100%; padding: 14px 16px; color: inherit; background: #161b22;
  border: 1px solid #2a313c; outline: none; transition: border-color 0.2s;
}
input:focus { border-color: #8b95a5; }
button {
  min-height: 48px; margin-top: 6px; border: 0; cursor: pointer;
  background: #f2b705; color: #1a1400; font-weight: 600;
}
p { margin: 0; padding: 10px 14px; border-radius: 10px; font-size: 14px; color: #e5534b; background: rgba(229, 83, 75, 0.1); }
.hata input { border-color: #e5534b; animation: titre 0.35s; }
@keyframes titre { 25% { transform: translateX(-6px); } 75% { transform: translateX(6px); } }
@media (prefers-reduced-motion: reduce) { .hata input { animation: none; } }