/* Giriş / kayıt / şifre sayfaları — uygulama paletiyle uyumlu, tek kart */
:root { --mor: #6b4fd8; --mor-koyu: #4b36a3; --zemin: #f6f3ff; --metin: #2d2a3e; --soluk: #8a7fa8; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100dvh; display: grid; place-items: center; padding: 20px; background: linear-gradient(160deg, #ede7ff, #fff5ec); color: var(--metin); font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.kart { width: 100%; max-width: 400px; background: #fff; border-radius: 18px; padding: 28px 24px; box-shadow: 0 14px 40px rgba(75, 54, 163, .15); }
.marka { text-align: center; margin-bottom: 18px; }
.marka b { font-size: 1.3rem; color: var(--mor-koyu); }
.marka small { display: block; color: var(--soluk); margin-top: 2px; }
h1 { font-size: 1.15rem; margin: 0 0 6px; }
p.alt { margin: 0 0 16px; color: var(--soluk); font-size: .9rem; line-height: 1.45; }
label { display: block; font-size: .82rem; color: var(--soluk); margin: 12px 0 5px; }
input[type=text], input[type=email], input[type=password], input[type=tel] { width: 100%; padding: 12px 14px; font-size: 1rem; border: 2px solid #ddd4f5; border-radius: 10px; font-family: inherit; }
input:focus { outline: none; border-color: var(--mor); }
input.kod { text-align: center; letter-spacing: 8px; font-size: 1.6rem; font-weight: 700; }
button { width: 100%; margin-top: 16px; padding: 13px; font-size: 1rem; font-weight: 700; border: 0; border-radius: 10px; background: var(--mor); color: #fff; cursor: pointer; font-family: inherit; box-shadow: 0 3px 0 var(--mor-koyu); }
button:active { transform: translateY(2px); box-shadow: none; }
button.ikincil { background: #eee7fb; color: var(--mor-koyu); box-shadow: none; margin-top: 8px; }
button:disabled { opacity: .6; cursor: wait; }
.satir { display: flex; align-items: center; gap: 8px; font-size: .88rem; margin-top: 12px; }
.satir input { width: 18px; height: 18px; accent-color: var(--mor); }
.hata { margin: 12px 0 0; padding: 10px 12px; border-radius: 9px; font-size: .9rem; background: #ffe1e1; color: #a52a2a; }
.bilgi { margin: 12px 0 0; padding: 10px 12px; border-radius: 9px; font-size: .9rem; background: #e6f0ff; color: #1e40af; }
.ok { background: #d3f2d8; color: #1e7d3c; }
.baglantilar { margin-top: 16px; text-align: center; font-size: .88rem; color: var(--soluk); line-height: 1.8; }
.baglantilar a { color: var(--mor-koyu); text-decoration: none; font-weight: 600; }
.gizli { display: none !important; }