.login-wrap { display: flex; align-items: flex-start; justify-content: center; min-height: 100vh; padding: 48px 16px 32px; }
.login-card { width: 100%; max-width: 400px; background: var(--panel); border: 1px solid var(--border); border-radius: 12px; padding: 36px 28px; }
.login-logo { font-size: 13px; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: 0; margin-bottom: 8px; }
.login-title { margin: 0 0 28px; font-size: 26px; line-height: 1.15; font-weight: 700; }
.field { margin-bottom: 16px; }
.field label { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 600; color: var(--muted); }
.field input {
    width: 100%; height: 48px; padding: 0 14px; font-size: 16px;
    border: 1px solid var(--border); border-radius: 8px;
    background: var(--bg); color: var(--text);
    outline: none; transition: border-color .15s; -webkit-appearance: none;
}
.field input:focus { border-color: var(--accent); }
.btn-submit {
    display: block; width: 100%; height: 52px; margin-top: 24px;
    font-size: 16px; font-weight: 700; color: #fff; background: var(--accent);
    border: none; border-radius: 8px; cursor: pointer; -webkit-appearance: none;
}
.btn-submit:active { opacity: .85; }
.login-error { margin-bottom: 20px; padding: 12px 14px; font-size: 14px; color: #b91c1c; background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; }