.login-page { max-width:920px; padding:36px 0 60px; }
.login-heading h1 { margin:0 0 28px; font-size:38px; color:#1680a9; }
.login-card { display:grid; grid-template-columns:1.15fr 1fr; overflow:hidden; border:1px solid #cfe4f3; border-radius:14px; background:#fff; box-shadow:0 12px 32px #173d5409; }
.login-credentials { padding:32px 36px; }
.login-credentials h2 { display:flex; align-items:center; gap:12px; margin:0 0 27px; color:#285a76; font-size:24px; }
.login-credentials h2 .glyphicon { font-size:21px; }
.login-form .form-group { margin-bottom:20px; }
.login-form label { margin-bottom:8px; color:#375f76; font-size:13px; font-weight:600; }
.login-form .form-control { height:46px; border:1px solid #bfd8e8; border-radius:7px; box-shadow:none; font:inherit; font-size:15px; }
.login-form .form-control:focus { border-color:#1680a9; box-shadow:0 0 0 3px #1680a91a; }
.login-form .has-error .form-control { border-color:#a94442; }
.login-form .help-block { font-size:12px; }
.login-form .home-button { width:100%; margin-top:4px; }
.login-recovery { margin-top:18px; text-align:center; font-size:12px; }
.login-recovery a { color:#37718d; }
.login-alternatives { display:flex; flex-direction:column; justify-content:center; gap:30px; padding:36px 30px; border-left:1px solid #cfe4f3; background:linear-gradient(140deg,#f0f9ff,#e8f3fc); }
.login-providers { display:flex; flex-direction:column; gap:14px; }
.login-provider { width:100%; justify-content:flex-start; gap:12px; background:#fff; border-color:#c7dce9; color:#375366; }
.login-provider:hover,.login-provider:focus { background:#f7fbff; border-color:#8fbad2; color:#21475e; transform:translateY(-2px); }
.login-provider svg { width:20px; height:20px; flex-shrink:0; }
.login-provider > span { font-size:13px; font-weight:600; line-height:1.5; }
.login-registration { padding-top:27px; border-top:1px solid #c9dfea; }
.login-registration .home-button { width:100%; }
@media(max-width:680px) { .login-page { padding-top:22px; }.login-heading h1 { font-size:32px; }.login-card { grid-template-columns:1fr; }.login-credentials { padding:27px 24px; }.login-alternatives { padding:27px 24px; border-left:0; border-top:1px solid #cfe4f3; gap:24px; } }