/* Giriş ve kayıt sayfaları (templates/hesap/_giris_kabuk.html): solda logo + form, sağda ekranı kaplayan görsel.
   Görsel panelden yüklenir (Site Ayarları → Giriş / kayıt sayfası görseli); yüklenmemişse düz mor zemin. */
* { box-sizing: border-box; }
body.uye { background: #8f6bb0; color: #2f3440; display: flex; font: 15px/1.5 Figtree, system-ui, sans-serif; margin: 0; min-height: 100vh; }
.uye-kutu { background: linear-gradient(135deg, #f6f6f8, #e9eaee 55%, #f1f2f5); border-radius: 0 28px 28px 0; box-shadow: 8px 0 40px rgba(40, 20, 70, .25); display: flex; flex: 0 0 50%; flex-direction: column; min-height: 100vh; padding: 56px 24px 40px; position: relative; z-index: 1; }
.uye-logo { align-self: center; display: block; margin-bottom: clamp(32px, 9vh, 96px); }
.uye-logo img { display: block; height: auto; max-height: 64px; max-width: 340px; mix-blend-mode: multiply; width: 100%; }
.uye-ic { margin: 0 auto; max-width: 512px; width: 100%; }
.uye-ic h1 { color: #1b317c; font-size: 24px; font-weight: 500; margin: 0 0 6px; }
.uye-alt { color: #666; font-size: 14px; margin: 0 0 22px; }
.uye-ic label { color: #5a606c; display: block; font-size: 13px; margin-top: 14px; }
.uye-ic input[type="text"], .uye-ic input[type="email"], .uye-ic input[type="tel"], .uye-ic input[type="password"] {
  background: rgba(255, 255, 255, .55); border: 1px solid #c3c7cf; border-radius: 9px; color: #20242c; display: block; font: inherit; font-size: 16px; margin-top: 5px; padding: 12px 14px; width: 100%; }
.uye-ic input:focus { background: #fff; border-color: #8857ab; outline: 2px solid #e3cff5; }
.uye-iki { display: grid; gap: 0 16px; grid-template-columns: 1fr; }
@media (min-width: 560px) { .uye-iki { grid-template-columns: 1fr 1fr; } }
.uye-dugme, .uye-sekme a { border-radius: 9px; cursor: pointer; display: block; font: inherit; font-size: 16px; font-weight: 600; padding: 13px; text-align: center; text-decoration: none; width: 100%; }
.uye-dugme { background: linear-gradient(90deg, #1b317c, #0d2a86 60%, #1b317c); border: 0; box-shadow: 0 2px 6px rgba(27, 49, 124, .35); color: #fff; margin-top: 24px; }
.uye-dugme:hover { background: #142562; }
.uye-sekme { margin: 14px 0 0; }
.uye-sekme a { background: #d5dae3; color: #4b5563; }
.uye-sekme a:hover { background: #c8ceda; }
.uye-hata { background: #fdecea; border: 1px solid #f5c6cb; border-radius: 9px; color: #8a1c13; font-size: 14px; margin: 0 0 6px; padding: 10px 12px; }
.uye-alan-hata { color: #b3261e; font-size: 13px; margin: 4px 0 0; }
.uye-ipucu { color: #666; font-size: 12.5px; margin: 10px 0 0; }
.uye-onay { align-items: flex-start; display: flex !important; gap: 8px; }
.uye-onay input { margin-top: 3px; }
.uye-onay a { color: #1b317c; text-decoration: underline; }
.uye-not { color: #666; font-size: 13.5px; margin: 18px 0 0; text-align: center; }

/* Sağ yarı: görsel + mor perde + alt bağlantılar */
.uye-gorsel { background: #8f6bb0 center bottom / cover no-repeat; flex: 1; margin-left: -28px; min-height: 100vh; position: relative; }
.uye-gorsel::before { background: linear-gradient(180deg, rgba(143, 107, 176, .12), rgba(110, 76, 144, .16) 72%, rgba(60, 34, 88, .68)); content: ""; inset: 0; position: absolute; }
.uye-gorsel-alt { bottom: 34px; color: #fff; left: 28px; position: absolute; right: 0; text-align: center; text-shadow: 0 1px 4px rgba(0, 0, 0, .45); }
.uye-gorsel-alt p { margin: 0 0 14px; }
.uye-gorsel-alt a { border-left: 1px solid rgba(255, 255, 255, .6); color: #fff; padding: 0 13px; text-decoration: none; }
.uye-gorsel-alt a:first-child { border-left: 0; }
.uye-gorsel-alt a:hover { text-decoration: underline; }

@media (max-width: 860px) {
  body.uye { background: #eceef2; }
  .uye-kutu { border-radius: 0; box-shadow: none; flex-basis: 100%; padding-top: 36px; }
  .uye-gorsel { display: none; }
}