:root { --station-accent: #3668ec; }
body.task-login #layout-content { background: radial-gradient(ellipse at top, #edf2ff 0%, #f8faff 60%); }
body.task-login #logo { width: 238px; max-width: 75vw; height: 70px; margin-bottom: 24px; }
body.task-login #login-form { max-width: 360px; }
body.task-login .btn-primary { background-color: var(--station-accent); border-color: var(--station-accent); border-radius: 8px; }
body.task-login .btn-primary:hover, body.task-login .btn-primary:focus { background-color: #2452c9; border-color: #2452c9; }
body.task-login input.form-control { border-radius: 8px; }
.station-login-hint { color: #526075; text-align: center; font-size: 13px; line-height: 1.5; max-width: 340px; margin: 18px auto 26px; padding: 0 20px; }
html.dark-mode body.task-login #layout-content { background: radial-gradient(ellipse at top, #1c2c4b 0%, #161b25 65%); }
html.dark-mode .station-login-hint { color: #b4c0d3; }