*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f6f8;color:#182230;font-family:'Plus Jakarta Sans','Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}button,input{font:inherit}a{color:inherit}.ui-icon{flex-shrink:0;vertical-align:middle}button,a,input{touch-action:manipulation}:focus-visible{outline:3px solid #b6536b;outline-offset:3px}.login-layout{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px}.login-card{width:100%;max-width:1000px;min-height:620px;display:grid;grid-template-columns:40% 60%;background:#fff;border:1px solid #e7eaf0;border-radius:22px;overflow:hidden;box-shadow:0 20px 70px -35px #18223040}.brand-panel{position:relative;overflow:hidden;background:#741328;color:#fff;padding:38px 36px;display:flex;flex-direction:column}.wordmark{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:800;letter-spacing:.6px;text-decoration:none;position:relative;z-index:1}.wordmark b{font-weight:600;opacity:.75}.brand-symbol{width:38px;height:38px;display:grid;place-items:center;background:#ffffff14;border:1px solid #ffffff33;border-radius:11px}.brand-copy{margin-top:59px;position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:2px;color:#e7bcc7;font-weight:600}.brand-copy h1{font-size:31px;line-height:1.3;letter-spacing:-1.1px;margin-top:17px;font-weight:600}.brand-copy h1 span{color:#e5afb9}.brand-copy p{font-size:15px;line-height:1.8;color:#edcfd6;margin-top:16px}.brand-art{height:205px;position:relative;margin:6px 0 0}.art-orbit{position:absolute;border:1px solid #ffffff15;border-radius:50%;left:50%;top:55%;transform:translate(-50%,-50%)}.orbit-one{width:112px;height:112px}.orbit-two{width:188px;height:188px}.orbit-three{width:272px;height:272px}.art-core{position:absolute;width:64px;height:64px;display:grid;place-items:center;left:50%;top:55%;transform:translate(-50%,-50%);border-radius:20px;background:#934053;border:1px solid #ffffff40;box-shadow:0 8px 26px #420a1940;rotate:-8deg}.art-core svg{width:30px;height:30px;rotate:8deg}.art-node{position:absolute;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#852b3f;border:1px solid #ffffff30}.node-one{left:17%;top:30%}.node-two{right:13%;bottom:16%}.art-dot{width:7px;height:7px;border-radius:50%;background:#dba0ae;position:absolute;top:17%;right:28%}.brand-caption{font-size:13px;color:#e7bcc7;margin-top:auto;position:relative;z-index:1;text-align:center;white-space:nowrap}.brand-caption span{padding:0 6px}.form-panel{padding:50px 64px;display:flex;align-items:center;justify-content:center}.form-content{width:100%;max-width:362px}.form-eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;color:#4b586a}.form-content h2{font-size:31px;letter-spacing:-1px;line-height:1.3;margin-top:12px;font-weight:700}.form-content h2 span{color:#8f1830}.form-intro{font-size:15px;color:#4b586a;line-height:1.8;margin:10px 0 31px;max-width:300px}.field{margin-bottom:20px}label{display:block;font-size:15px;font-weight:600;margin-bottom:8px}.field input{width:100%;height:49px;padding:0 14px;border:1px solid #dce1e7;border-radius:9px;background:#fff;color:#182230;font-size:15px;transition:border-color .15s}.field input:focus,.captcha-row input:focus{outline:2px solid #f2dce2;border-color:#8f1830;outline-offset:0}input::placeholder{color:#5b6677}.password-field{position:relative}.password-field input{padding-right:49px}.icon-button{border:0;background:transparent;color:#4b586a;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;text-decoration:none}.icon-button:hover{background:#f2f3f5;color:#8f1830}.password-field .icon-button{position:absolute;right:4px;top:4px}.password-field .icon-button[aria-pressed=true]{color:#8f1830;background:#fbeff2}.captcha-label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:4px}.captcha-label label{font-size:14px}.captcha-label>span{font-size:13px;color:#4b586a}.captcha-row{display:flex;align-items:center;gap:10px;padding:8px 9px 8px 13px;border:1px solid #eadce0;background:#fcf7f8;border-radius:10px}.captcha-shield{display:flex;color:#8f1830}.captcha-shield svg{width:17px;height:17px}#captchaQuestion{font-size:16px;font-weight:700;color:#741328;white-space:nowrap;margin-right:auto;font-variant-numeric:tabular-nums}.captcha-row input{height:38px;min-width:0;width:75px;border:1px solid #e7e0e3;border-radius:7px;background:#fff;text-align:center;font-size:15px;color:#182230;padding:4px;appearance:textfield}.captcha-row input::-webkit-inner-spin-button{appearance:none}.captcha-refresh{width:34px;height:38px;flex-shrink:0}.captcha-refresh svg{width:17px;height:17px}.submit-button{width:100%;min-height:49px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:9px;background:#8f1830;color:white;font-size:15px;font-weight:600;margin-top:24px;cursor:pointer;box-shadow:0 4px 8px #8f183012;transition:background .15s}.submit-button:hover{background:#741328}.submit-button svg{width:17px}.secure-note{font-size:13px;color:#4b586a;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px}.secure-note svg{width:13px;height:13px}.login-error{display:flex;align-items:flex-start;gap:10px;font-size:15px;background:#fff1f2;border:1px solid #f0c7ce;color:#a21932;padding:12px;border-radius:9px;margin-bottom:20px}.login-error svg{width:18px;height:18px}footer{max-width:1000px;width:100%;display:flex;justify-content:space-between;font-size:13px;color:#4b586a;padding:22px 2px}
@media(min-width:1500px){.login-card{min-height:650px}}
@media(max-width:800px){.login-card{grid-template-columns:38% 62%}.brand-panel{padding:30px 24px}.brand-copy h1{font-size:26px}.form-panel{padding:42px 32px}.wordmark{font-size:15px;gap:8px}.brand-caption{font-size:12px}.brand-caption span{padding:0 3px}}
@media(max-width:600px){.login-layout{padding:24px 16px;justify-content:flex-start}.login-card{display:block;min-height:0;border-radius:18px;max-width:440px}.brand-panel{padding:24px}.brand-copy{margin-top:20px}.brand-copy h1{font-size:22px;margin:0;letter-spacing:-.6px}.brand-copy h1 br{display:none}.brand-copy h1 span{display:block}.brand-copy p,.eyebrow,.brand-art,.brand-caption{display:none}.wordmark{font-size:16px}.brand-symbol{height:32px;width:32px;border-radius:9px}.form-panel{padding:30px 24px}.form-content h2{font-size:28px;margin-top:8px}.form-intro{margin-bottom:24px}.form-eyebrow{font-size:12px}.field{margin-bottom:18px}.secure-note{font-size:12px}footer{max-width:440px;font-size:12px;padding:18px 2px}.captcha-row{gap:7px}.captcha-row input{width:66px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:600px){.field input,.captcha-row input{font-size:16px}.field input::placeholder{font-size:15px}.captcha-row input::placeholder{font-size:15px}}

/* Clear form labels and readable input text. */
body{font-weight:500}
label,.submit-button,#captchaQuestion{font-weight:700}
.field input{font-size:16px;font-weight:500}
.field input::placeholder{color:#5b6677;font-size:14px}
.form-intro{font-size:15px;line-height:1.7;max-width:none}
.secure-note{font-size:12px;line-height:1.5;text-align:center}
.captcha-label{flex-wrap:wrap;gap:0 8px}
.captcha-row{flex-wrap:wrap}.captcha-row input{flex-shrink:0}
@media(max-width:600px){
 .form-panel{padding:30px 20px}
 .form-intro{font-size:14px}
 .captcha-label label,.captcha-label>span{font-size:12px}
 .brand-caption{white-space:normal}
 footer{flex-wrap:wrap;gap:6px}
}