body#page-login-index.pagelayout-login .login-container {
    width: 100%;
    max-width: 30rem;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
body#page-login-index .loginform.siakad-login {
    width: 100%;
    max-width: 30rem;
    margin: 0 auto;
    padding: clamp(1.25rem, 4vw, 2.25rem);
    border: 1px solid #d7dee7;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 40px #10243d26;
}
body.pagelayout-login .login-wrapper { padding: 1rem; }
body.pagelayout-login .siakad-login { margin: 0; color: #172b43; }
.siakad-login > .left-column, .siakad-login > .col {
    flex: 0 0 100%; max-width: 100%; padding: 0; border: 0;
}
.siakad-login .login-heading { font-size: 1.5rem; line-height: 1.3; font-weight: 700; }
.siakad-login .login-logo img { max-height: 84px; width: auto; }
.siakad-login .login-identityproviders { margin: 1.5rem 0 0; }
.siakad-login .login-identityproviders .login-heading { font-size: .875rem; font-weight: 400; color: #526277; margin-bottom: .625rem; }
.siakad-login .login-identityprovider-btn {
    display: flex; align-items: center; justify-content: center; gap: .5rem;
    min-height: 48px; padding: .75rem 1rem; white-space: normal;
    background: #174a85; border: 1px solid #174a85; border-radius: 6px; color: #fff; font-weight: 600;
}
.siakad-login .login-identityprovider-btn:hover { background: #103863; border-color: #103863; color: #fff; }
.siakad-login-separator { margin: 1.5rem 0 1.125rem; padding-top: 1.25rem; border-top: 1px solid #d7dee7; font-size: .875rem; color: #526277; }
.siakad-login .login-form label.sr-only {
    position: static; width: auto; height: auto; margin: 0 0 .375rem;
    overflow: visible; clip: auto; white-space: normal; font-size: .875rem; font-weight: 500;
}
.siakad-login .form-control { min-height: 46px; font-size: 1rem; border: 1px solid #8795a5; border-radius: 6px; }
.siakad-login .form-group { margin-bottom: 1rem; }
.siakad-login #loginbtn { min-height: 46px; font-size: 1rem; color: #174a85; background: #fff; border: 1px solid #174a85; border-radius: 6px; }
.siakad-login #loginbtn:hover { background: #edf3fa; }
.siakad-login #guestlogin .btn { min-height: 44px; font-size: .875rem; background: #f1f4f7; color: #33465b; }
.siakad-login .login-form-forgotpassword a { display: inline-flex; align-items: center; min-height: 44px; color: #174a85; }
.siakad-login :is(a, button, input):focus-visible, .siakad-lms-dialog :is(a, button):focus-visible { outline: 3px solid #c57512; outline-offset: 3px; }
.siakad-lms-dialog {
    box-sizing: border-box; width: calc(100% - 2rem); max-width: 28rem;
    max-height: calc(100dvh - 2rem); overflow: auto; padding: 1.5rem;
    border: 1px solid #d7dee7; border-radius: 12px; background: #fff; color: #172b43;
    box-shadow: 0 12px 40px #10243d26; font-family: inherit;
}
.siakad-lms-dialog::backdrop { background: #10243d80; }
.siakad-lms-dialog h2 { margin: 0 0 .75rem; font-size: 1.375rem; line-height: 1.3; }
.siakad-lms-dialog p { margin: 0 0 1.25rem; font-size: 1rem; line-height: 1.6; }
.siakad-lms-dialog button, .siakad-lms-dialog > a {
    display: flex; align-items: center; justify-content: center; width: 100%; min-height: 46px;
    padding: .75rem 1rem; box-sizing: border-box; border-radius: 6px; font-size: .9375rem; line-height: 1.4; text-align: center;
}
.siakad-lms-dialog button { margin-bottom: .625rem; background: #174a85; border: 1px solid #174a85; color: #fff; font-weight: 600; }
.siakad-lms-dialog > a { color: #174a85; border: 1px solid #8795a5; }
@media (min-width: 48rem) {
    body.pagelayout-login .login-wrapper { padding: 2rem; }
    .siakad-lms-dialog { padding: 2rem; }
}