/* ===== giris/giris.css ===== */
/* DEMO GİRİŞ KAPISI — yalnızca /giris sayfası (giris_kaldirma.md). */
.demo-login { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; background: #f8f9fc; }
.demo-login-card { width: min(100%, 380px); display: grid; gap: 14px; padding: 32px 28px; background: #fff; border: 1px solid #e3e8f2; border-radius: 18px; box-shadow: 0 18px 50px rgba(20, 46, 100, .10); }
.demo-login-logo { width: 150px; height: auto; justify-self: center; }
.demo-login-card h1 { margin: 0; text-align: center; color: #142e64; font-size: 24px; }
.demo-login-card p { margin: 0; text-align: center; color: #6b748a; font-size: 14px; line-height: 1.5; }
.demo-login-card label { display: grid; gap: 6px; color: #142e64; font-size: 13px; font-weight: 700; }
.demo-login-card input { font: inherit; font-weight: 400; color: #10172b; padding: 11px 12px; border: 1px solid #cfd7e6; border-radius: 10px; background: #fff; }
.demo-login-card input:focus-visible { outline: 3px solid rgba(36, 133, 219, .35); border-color: #2485db; }
.demo-login-card .demo-login-error { min-height: 20px; color: #b3203f; font-weight: 700; }
.demo-login-card button { font: inherit; font-weight: 800; padding: 12px 16px; border: 0; border-radius: 10px; background: #142e64; color: #fff; cursor: pointer; }
.demo-login-card button:hover:not(:disabled) { background: #1c3f88; }
.demo-login-card button:disabled { opacity: .65; cursor: progress; }