body { background: #f0f2f5; display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.login-card { width: 100%; max-width: 400px; }
.brand-bar { background: #495057; color: #fff; padding: 24px 32px 20px; border-radius: 8px 8px 0 0; text-align: center; }
.brand-bar .brand-name { font-size: 1.5rem; font-weight: 700; color: #fff; }
.brand-bar h1 { font-size: 1rem; font-weight: 500; color: #ced4da; margin: 0; }
.card-body { border-radius: 0 0 8px 8px; padding: 32px; }
.btn-login { background: #495057; border-color: #495057; color: #fff; }
.btn-login:hover { background: #343a40; border-color: #343a40; color: #fff; }
.lang-switcher { position: fixed; top: 20px; right: 20px; display: flex; gap: 8px; z-index: 1000; }
.lang-btn { background: #fff; border: 1px solid #dee2e6; color: #343a40; padding: 6px 12px; border-radius: 4px; font-size: 0.85rem; cursor: pointer; transition: all 0.2s; }
.lang-btn:hover { background: #f0f2f5; border-color: #adb5bd; }
.lang-btn.active { background: #495057; color: #fff; border-color: #495057; font-weight: 600; }
.login-footer { font-size: .8rem; }