*{box-sizing:border-box}.akamuna-login{margin:0;min-height:100vh;min-height:100dvh;background:#edf2f7;color:#23364f;font-family:Inter,'Segoe UI',Arial,sans-serif;display:flex;align-items:center;justify-content:center;padding:40px 24px;line-height:1.5}.login-shell{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:1040px;min-height:680px;border-radius:24px;overflow:hidden;background:#fff;border:1px solid #e0e8f1;box-shadow:0 24px 70px #162d5010}.login-story{background:radial-gradient(ellipse at 100% 90%,#24505e 0,transparent 65%),#111f36;color:#fff;padding:42px;display:flex;flex-direction:column;position:relative}.login-brand{display:block;width:130px;background:#fff;border-radius:14px;padding:9px;line-height:0}.login-brand img{display:block;width:100%;height:auto}.login-story-copy{margin:auto 0;padding:48px 0}.login-eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;margin:0 0 15px;color:#49877e}.login-story .login-eyebrow{color:#71d9c6}.login-story h1{font-size:clamp(28px,3.5vw,42px);line-height:1.18;letter-spacing:-1.6px;margin:0 0 22px;font-weight:650}.login-story h1 span{color:#91b9c7}.login-story-copy>p:last-child{font-size:14px;line-height:1.8;color:#a5bacd;max-width:320px;margin:0}.login-story-bottom{font-size:11px;color:#9bb4c6;display:flex;align-items:center;gap:9px}.login-story-dot{width:6px;height:6px;background:#64d6bc;border-radius:50%}.login-panel{padding:32px 48px 24px;display:flex;flex-direction:column;min-width:0}.login-language{display:flex;justify-content:flex-end;gap:10px;font-size:11px;color:#b2becf}.login-language a{color:#7c8ca2;text-decoration:none;padding:6px 0}.login-language a[aria-current]{color:#245bc2;font-weight:700}.login-form-area{margin:auto 0;padding:44px 0}.login-form-area h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 12px;color:#1d304d}.login-intro{font-size:13px;color:#7b8ba0;margin:0 0 30px}.login-field{margin-bottom:22px}.login-field label{display:block;font-size:12px;font-weight:650;color:#425570;margin-bottom:9px}.login-field input{width:100%;height:48px;border:1px solid #d8e1ed;border-radius:10px;background:#fcfdff;padding:0 14px;font-size:16px;font-family:inherit;color:#20354e;transition:border-color .15s,box-shadow .15s}.login-field input::placeholder{color:#a1aebe;font-size:13px}.login-field input:focus{outline:none;border-color:#418bba;box-shadow:0 0 0 3px #418bba14;background:#fff}.login-label-row{display:flex;justify-content:space-between;gap:12px}.login-label-row a{font-size:11px;font-weight:600;color:#245bc2;text-decoration:none;margin-bottom:9px}.login-label-row a:hover{text-decoration:underline}.login-password{position:relative}.login-password input{padding-right:68px}.login-password button{position:absolute;right:4px;top:4px;height:40px;min-width:55px;padding:0 10px;border:0;background:transparent;border-radius:7px;font-size:11px;font-weight:650;color:#68809d;cursor:pointer}.login-password button:hover{background:#edf3fa}.login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;border:0;border-radius:10px;padding:12px 18px;background:#245bc2;color:#fff;font-size:13px;font-weight:650;cursor:pointer;box-shadow:0 5px 14px #245bc21a}.login-submit:hover{background:#1c4ca5}.login-submit:disabled{opacity:.7;cursor:wait}.login-help{text-align:center;font-size:11px;color:#8a98ab;margin:20px 0 0}.login-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:10px;color:#9ca8b8;border-top:1px solid #edf1f6;padding-top:18px}.login-notice{padding:12px 14px;border-radius:9px;font-size:12px;line-height:1.6;margin-bottom:20px;overflow-wrap:anywhere}.login-notice-success{background:#ecf8f1;border:1px solid #ceebdb;color:#287653}.login-notice-error{background:#fff1f1;border:1px solid #f4d8d8;color:#a34343}.login-caps{font-size:11px;color:#a57425;margin:7px 0 0}.login-progress{text-align:center;font-size:12px;color:#687e99}.akamuna-login [hidden]{display:none!important}.akamuna-login :is(a,button):focus-visible{outline:3px solid #32b99b;outline-offset:3px}@media(max-width:850px){.login-story{padding:32px}.login-panel{padding:28px 30px 22px}.login-shell{min-height:620px}}@media(max-width:650px){.akamuna-login{padding:0;background:#fff;align-items:stretch}.login-shell{display:flex;flex-direction:column;min-height:100dvh;border:0;border-radius:0;box-shadow:none}.login-story{padding:22px 24px;flex-direction:row;align-items:center;gap:20px}.login-brand{width:76px;min-width:76px;padding:5px;border-radius:10px}.login-story-copy{margin:0;padding:0}.login-story h1{font-size:22px;letter-spacing:-.65px;margin:0}.login-story .login-eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:7px}.login-story-copy>p:last-child,.login-story-bottom{display:none}.login-panel{padding:16px 24px 20px;flex:1;width:100%;max-width:480px;margin:0 auto}.login-form-area{padding:28px 0 36px}.login-form-area h2{font-size:29px}.login-intro{margin-bottom:24px}.login-field{margin-bottom:19px}.login-footer{font-size:10px}}@media(prefers-reduced-motion:reduce){.akamuna-login *{transition:none!important}}
.login-submit{text-decoration:none}.login-help a{color:#245bc2;text-decoration:none;font-weight:600}.login-help a:hover{text-decoration:underline}[data-auth-form]>.login-help{margin:0 0 20px;text-align:left}
/* Fit account-access pages to the available viewport, without clipping forms. */
.akamuna-login{padding:16px 24px}
.login-shell{min-height:min(600px,calc(100dvh - 32px))}
.login-story{padding:30px}
.login-brand{width:104px}
.login-story-copy{padding:26px 0}
.login-story h1{font-size:clamp(28px,3vw,38px)}
.login-panel{padding:20px 38px 18px}
.login-form-area{padding:20px 0}
.login-form-area .login-eyebrow{margin-bottom:10px}
.login-form-area h2{font-size:29px;margin-bottom:8px}
.login-intro{margin-bottom:20px}
.login-field{margin-bottom:16px}
.login-field label,.login-label-row a{margin-bottom:7px}
.login-field input{height:44px}
.login-password button{height:36px}
.login-submit{min-height:44px;padding:10px 16px}
.login-help{margin-top:14px}
[data-auth-form]>.login-help{margin-bottom:14px}
.login-footer{padding-top:12px}
.login-notice{padding:10px 12px;margin-bottom:14px}
.login-progress{margin:8px 0 0}
@media(max-width:650px){
 .akamuna-login{padding:0}
 .login-shell{min-height:100dvh}
 .login-story{padding:14px 24px;gap:16px;flex-shrink:0}
 .login-brand{width:58px;min-width:58px}
 .login-story h1{font-size:19px}
 .login-story-copy{padding:0}
 .login-story .login-eyebrow{margin-bottom:4px}
 .login-panel{padding:10px 24px 12px}
 .login-form-area{padding:14px 0}
 .login-form-area h2{font-size:27px}
 .login-intro{margin-bottom:16px}
 .login-field{margin-bottom:14px}
 .login-footer{padding-top:10px}
}
@media(max-height:700px){
 .akamuna-login{padding-top:10px;padding-bottom:10px}
 .login-shell{min-height:calc(100dvh - 20px)}
 .login-panel{padding-top:12px;padding-bottom:12px}
 .login-form-area{padding:10px 0}
 .login-form-area>.login-eyebrow{display:none}
 .login-intro{margin-bottom:14px}
 .login-field{margin-bottom:12px}
 .login-story-copy{padding-top:16px;padding-bottom:16px}
 .login-help{margin-top:10px}
 .login-notice{font-size:11px;line-height:1.45;margin-bottom:10px}
}
@media(max-width:650px) and (max-height:700px){
 .akamuna-login{padding:0}
 .login-shell{min-height:100dvh}
 .login-story{padding:10px 24px}
 .login-brand{width:46px;min-width:46px}
 .login-story h1{font-size:17px}
 .login-story .login-eyebrow{display:none}
 .login-story-copy{padding:0}
 .login-panel{padding-top:6px;padding-bottom:10px}
 .login-form-area h2{font-size:25px}
}
/* On very short screens, give essential form controls priority over decoration. */
@media(max-height:500px){
 .login-story{display:none}
 .login-shell{display:block;max-width:520px}
 .login-panel{padding:10px 24px}
 .login-form-area{padding:8px 0}
 .login-language a{padding:2px 0}
 .login-footer{padding-top:8px}
 .login-form-area h2{font-size:23px}
}