@font-face{font-family:"DM Sans";src:url("/assets/darra_core/frontend/assets/DM-Sans-OkNhvBry.ttf") format("truetype");font-display:swap}
:root{--primary:var(--d-primary);--primary-color:var(--d-primary);--btn-primary:var(--d-primary)}
body[data-path="login"]{background:var(--d-bg);color:var(--d-ink);font-family:"DM Sans",sans-serif}
body[data-path="login"] .navbar,body[data-path="login"] .web-footer{display:none!important}
.for-login,.for-forgot,.for-signup,.for-login-with-email-link,.for-email-login{margin:clamp(36px,10vh,100px) auto 40px;max-width:420px;padding:0 20px}
.page-card-head{margin-bottom:28px!important;text-align:center}
.page-card-head .app-logo{display:none!important}
.page-card-head h4{font-size:26px;font-weight:650;letter-spacing:-.6px;color:var(--d-ink)}
.login-content.page-card{border:1px solid var(--d-line)!important;border-radius:18px!important;background:var(--d-surface)!important;box-shadow:0 6px 30px color-mix(in srgb,var(--d-ink) 4%,transparent)!important;padding:28px!important}
.page-card .form-control{background:var(--d-hover)!important;border:1px solid var(--d-line)!important;border-radius:9px!important;min-height:46px;font-size:14px;color:var(--d-ink)!important}
.page-card .form-control:focus{border-color:var(--d-line-strong)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--d-primary) 7%,transparent)!important}
.page-card .btn-primary{background:var(--d-primary)!important;border-color:var(--d-primary)!important;min-height:44px;border-radius:9px;font-size:14px;font-weight:600}
.page-card .btn-primary{color:var(--d-on-primary)!important}.page-card .btn-primary:hover{background:var(--d-primary-hover)!important;border-color:var(--d-primary-hover)!important}
.page-card label,.page-card .text-muted,.page-card-head p{color:var(--d-muted)!important}
.page-card a,.sign-up-message a{color:var(--d-ink-2)!important}
.page-card .btn-default{background:var(--d-hover)!important;border:1px solid var(--d-line)!important;color:var(--d-ink)!important}
.page-card .field-icon{top:15px!important}
.page-card .toggle-password{top:14px!important;cursor:pointer}
@media(max-width:440px){.login-content.page-card{padding:22px!important}.page-card-head h4{font-size:24px}}