/* Giriş ve şifre sayfaları (Varyant B, kullanıcı seçimi 2026-10-12): solda yayınevi paneli, sağda form. */
.login { min-height: 100vh; display: flex; flex-wrap: wrap; }
.login-aside { flex: 1 1 420px; min-height: 320px; background: var(--brand); color: var(--on-brand); padding: 56px; display: flex; flex-direction: column; justify-content: space-between; gap: 40px; }
.login-brand { display: flex; align-items: center; gap: 14px; }
.login-logo { width: 56px; height: 56px; border-radius: 14px; background: #fff; color: var(--brand); display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 800; overflow: hidden; flex-shrink: 0; }
.login-logo img { width: 100%; height: 100%; object-fit: contain; }
.login-brand b { display: block; font-size: 24px; font-weight: 800; line-height: 1.15; }
.login-brand a { font-size: 13px; color: inherit; opacity: 0.88; text-decoration: underline; text-underline-offset: 2px; }
.login-pitch { display: flex; flex-direction: column; gap: 18px; max-width: 460px; }
.login-pitch h1 { color: inherit; font-size: 34px; line-height: 1.2; }
.login-pitch ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; font-size: 16px; line-height: 1.5; }
.login-pitch li { display: flex; gap: 10px; align-items: flex-start; }
.login-pitch li svg { flex-shrink: 0; margin-top: 2px; }
.login-copy { font-size: 15px; display: flex; align-items: center; gap: 8px; margin: 0; }
.login-copy a { color: inherit; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.login-copy a:hover { opacity: 0.85; }
.login-main { flex: 1 1 520px; display: flex; align-items: center; justify-content: center; padding: 48px 20px; }
.login-form { width: 100%; max-width: 400px; display: flex; flex-direction: column; gap: 18px; }
.login-form h2 { font-size: 26px; }
.pw-wrap { position: relative; }
.pw-wrap .input { padding-right: 52px; }
.pw-eye { position: absolute; right: 2px; top: 0; width: 44px; height: 44px; border: 0; background: transparent; color: var(--muted); cursor: pointer; display: flex; align-items: center; justify-content: center; }
.login-form .btn-primary { height: 48px; font-size: 16px; }
.login-err { background: #fef2f2; color: #991b1b; border-radius: 10px; padding: 10px 12px; font-size: 14px; }
.login-ok { background: #f0fdfa; color: var(--teal-ink); border-radius: 10px; padding: 10px 12px; font-size: 14px; }
.login-info { background: var(--surface-2); color: var(--ink); border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; font-size: 14px; }
.login-help { font-size: 13px; color: var(--muted); text-align: center; }
.login-help a { font-weight: 600; }
@media (max-width: 760px) { .login-aside { padding: 32px 20px; min-height: 0; gap: 24px; } .login-pitch h1 { font-size: 26px; } .login-pitch ul { font-size: 15px; } }