body[data-path="login"] {background:#0e1724;color:#edf1f6;min-height:100vh;}
body[data-path="login"] .page_content {padding:24px 16px;}
body[data-path="login"] .page-card {background:#142131;border:1px solid #344051;border-radius:24px;box-shadow:0 28px 90px #0005;padding:36px!important;max-width:480px!important;margin:5vh auto!important;}
body[data-path="login"] .page-card-head {align-items:flex-start;gap:24px;}
.magic-login-brand {font-size:14px;letter-spacing:.24em;font-weight:750;color:#ddba79;}
body[data-path="login"] .page-card-head h4 {color:#f7f8fb;font-size:30px;line-height:1.2;letter-spacing:-.035em;}
body[data-path="login"] .page-card-subtitle {color:#a9b7c8;line-height:1.6;margin-top:12px;font-size:15px;}
body[data-path="login"] .form-label {color:#d9e2ec;font-size:14px;margin-bottom:9px;}
body[data-path="login"] .form-control {background:#0d1928!important;color:#f3f6fa!important;border:1px solid #455367!important;border-radius:12px;height:50px;font-size:15px;}
body[data-path="login"] .form-control::placeholder {color:#8292a7;}
body[data-path="login"] .form-control:focus {border-color:#ddba79!important;box-shadow:0 0 0 3px #ddba7922!important;}
body[data-path="login"] .field-icon {color:#a9b7c8;stroke:#a9b7c8;top:17px!important;}
body[data-path="login"] .password-field {position:relative;}
body[data-path="login"] #login_password {padding-right:54px;}
.magic-password-toggle {position:absolute;right:4px;top:3px;width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;border-radius:8px;color:#b9c6d6;cursor:pointer;}
.magic-password-toggle svg {width:22px;height:22px;}
.magic-password-toggle:focus-visible {outline:2px solid #ddba79;outline-offset:1px;}
.magic-password-toggle:hover {background:#ffffff0b;color:#efd3a0;}
body[data-path="login"] .page-card-actions .btn {min-height:48px;border-radius:12px;font-size:15px;font-weight:650;}
body[data-path="login"] .page-card-actions button[type="submit"] {background:#dfbd80!important;color:#182131!important;border:0;}
body[data-path="login"] .page-card-actions .btn-login-option {background:transparent!important;border:1px solid #445267;color:#dbe4ef!important;}
body[data-path="login"] a {color:#dfbd80;}
body[data-path="login"] .forgot-password-message {margin-top:12px;font-size:13px;}
.magic-password-hint {color:#95a7bd;font-size:12px;line-height:1.65;margin:20px 0 0;}
body[data-path="login"] .field-error {color:#ffa6a6;}
body[data-path="login"] .login-error-banner {background:#4a2630;color:#ffd4d4;border-radius:10px;}
@media(max-width:540px){body[data-path="login"] .page-card {padding:26px 22px!important;margin:12px auto!important;}body[data-path="login"] .page-card-head h4{font-size:26px;}}
body[data-path="login"] .page-card .form-control {height:50px!important;min-height:50px!important;max-height:none!important;padding-left:38px!important;padding-right:48px!important;}
body[data-path="login"] .page-card .form-label {color:#d9e2ec!important;opacity:1!important;}
body[data-path="login"] .page-card .forgot-password-message a {color:#dfbd80!important;}
body[data-path="login"] .page-card .email-field,body[data-path="login"] .page-card .password-field {position:relative;}
body[data-path="login"] .page-card .field-icon {top:17px!important;}