.login-page { max-width: 1440px; margin: 0 auto; padding: var(--nc-space-6) var(--nc-space-10); }
.login-brand { display: flex; align-items: flex-end; gap: var(--nc-space-3); font: var(--nc-s1); }
.login-brand img { display: block; }
.login-panel { width: min(100%, 400px); margin: 80px auto; }
.login-panel h1 { font: var(--nc-h5); margin-bottom: var(--nc-space-3); }
.login-panel > p { color: var(--nc-secondary); font: var(--nc-body2); margin-bottom: var(--nc-space-6); }
.login-panel form { display: flex; flex-direction: column; gap: var(--nc-space-4); }
.login-panel label { display: flex; flex-direction: column; gap: var(--nc-space-2); font: var(--nc-body2); }
.login-panel input { min-height: 44px; min-width: 0; width: 100%; padding: 8px 12px; border: 1px solid var(--nc-stroke); border-radius: var(--nc-control-radius); background: var(--nc-white); color: var(--nc-main); }
.login-message { min-height: 1.5em; color: var(--nc-alert-100); font: var(--nc-body2); overflow-wrap: anywhere; }
@media (max-width: 600px) { .login-page { padding: var(--nc-space-6); } .login-panel { margin-top: 56px; } }