*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#002640;--orange:#ffab4d;--bg-band:#cfd9de;--input-border:#7d98b1;--input-text:#555;--font:"Roboto", sans-serif}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--navy);-webkit-font-smoothing:antialiased;background:#fff}button,input{font:inherit}a{color:inherit}.login-page{background:#fff;min-height:100dvh;position:relative;overflow-x:hidden}.login-page__band{background:var(--bg-band);opacity:.4;z-index:0;pointer-events:none;width:100%;height:472px;position:absolute;top:0;left:0}.brand{z-index:2;text-indent:-9999px;background:url(/covalto-logo.png) 0 0/196px 33px no-repeat;width:196px;height:33px;display:block;position:absolute;top:60px;left:60px;overflow:hidden}.login-main{z-index:1;flex-direction:column;align-items:center;padding:148px 16px 40px;display:flex;position:relative}.login-card{background:#fff;border-radius:6px;width:720px;max-width:100%;height:635px;padding:30px;box-shadow:0 4px 8px #0003}.login-error{color:#a94442;margin:8px 0 0;font-size:13px;font-weight:700}.login-message{color:var(--navy);margin:8px 0 0;font-size:13px;font-weight:700}.demo-hint{text-align:center;color:#5a6b7a;max-width:460px;margin:18px auto 0;font-size:12px}.demo-hint code{color:var(--navy);background:#f3f5f7;border-radius:3px;padding:1px 5px;font-family:ui-monospace,monospace;font-size:12px}.login-card__credentials{padding-top:35px}.login-card__title{letter-spacing:.2px;text-align:center;color:var(--navy);margin:20px 0 10px;font-size:26px;font-weight:400;line-height:40px}.login-card__subtitle{letter-spacing:.07px;text-align:center;color:var(--navy);margin:20px 0 10px;font-size:20px;font-weight:700;line-height:22px}.login-form-body{margin:40px 100px 0}.field+.field{margin-top:45px}.field__label{letter-spacing:.07px;color:var(--navy);margin-bottom:5px;padding-right:5px;font-size:14px;font-weight:700;line-height:20px;display:block}.field__input{width:100%;height:40px;color:var(--input-text);border:1px solid var(--input-border);background:#fff;border-radius:4px;outline:none;padding:9px 8px;font-size:16px;font-weight:400;line-height:22px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block;box-shadow:inset 0 1px 1px #00000013}.field__input::placeholder{color:#999}.field__input:focus{border-color:#66afe9;box-shadow:inset 0 1px 1px #00000013,0 0 8px #66afe999}.form-actions{justify-content:space-between;align-items:center;margin-top:55px;display:flex}.activate-btn,.submit-btn{cursor:pointer;text-align:center;border:0;border-radius:64px;justify-content:center;align-items:center;gap:8px;width:200px;height:50px;font-size:16px;font-weight:400;line-height:22px;display:inline-flex}.activate-btn{color:var(--navy);background:#fff}.activate-btn:hover:not(:disabled){opacity:.85}.submit-btn{background:var(--orange);color:#000}.submit-btn:hover:not(:disabled){filter:brightness(.97)}.submit-btn:disabled{cursor:wait;opacity:.9}.submit-btn__spinner{border:2px solid #00264040;border-top-color:var(--navy);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.activate-btn:disabled{opacity:.6;cursor:not-allowed}.login-loading{z-index:50;color:var(--navy);background:#ffffffb8;place-content:center;gap:14px;font-size:16px;font-weight:700;display:grid;position:fixed;inset:0}.login-loading__spinner{border:3px solid #00264026;border-top-color:var(--orange);border-radius:50%;width:42px;height:42px;margin:0 auto;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.forgot-wrap{text-align:center;margin:44px 0 0}.forgot-link{letter-spacing:.07px;color:var(--navy);text-underline-offset:2px;padding:9px 8px;font-size:14px;font-weight:400;line-height:20px;text-decoration:underline;display:inline-block}.forgot-link:hover{opacity:.8}.login-footer{justify-content:center;align-items:center;gap:4px;margin-top:34px;padding-bottom:24px;display:flex}.login-footer a{color:var(--navy);text-underline-offset:2px;padding:9px 8px;font-size:14px;font-weight:400;line-height:20px;text-decoration:underline;display:inline-block}.login-footer a:hover{opacity:.8}@media (width<=780px){.brand{background-size:160px 27px;width:160px;height:27px;top:24px;left:24px}.login-main{padding:88px 12px 24px}.login-card{width:100%;height:auto;min-height:0}.login-form-body{margin:24px 0 0}.form-actions{flex-direction:column-reverse;gap:12px;margin-top:32px}.activate-btn,.submit-btn{width:100%}.forgot-wrap{margin-top:24px}}