body { min-height: 100vh; background: linear-gradient(135deg, #f0f4ff 0%, #c0c0c0 100%); display:flex; align-items:center; justify-content:center; }
.login-container { background:#fff; border-radius:12px; padding:32px; box-shadow:0 8px 24px rgba(0,0,0,0.08); max-width:420px; width:100%; }
.login-title { font-size:1.4rem; font-weight:700; color:#0000FF; text-align:center; margin-bottom:6px }
.login-subtitle { text-align:center; color:#6b7280; margin-bottom:18px }
.btn-login { background:linear-gradient(45deg,#0000FF); color:#fff; border:none; border-radius:8px; width:100%; padding:10px }
.login-error { color:#dc3545; text-align:center; margin-top:8px }
.small-link { text-align:center; margin-top:12px }

.pw-field { position: relative; }
.pw-field .form-control { padding-right: 44px; }
.pw-toggle {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	border: 0;
	background: transparent;
	padding: 0;
	color: #6b7280;
	line-height: 1;
}
.pw-toggle:hover { color: #374151; }
.pw-toggle:focus-visible { outline: 2px solid rgba(0, 0, 255, 0.35); outline-offset: 3px; border-radius: 6px; }