#direct-login{width:min(440px,calc(100vw - 32px));max-height:90dvh;padding:0;border:1px solid #dbe6e9;border-radius:20px;box-shadow:0 24px 80px #102f4333;overflow:auto}#direct-login::backdrop{background:#102f4380;backdrop-filter:blur(4px)}.direct-login-shell{position:relative;padding:34px;color:#193e4c}.direct-login-shell>small{font-size:10px;letter-spacing:.16em;color:#397565}.direct-login-shell h2{margin:12px 0 8px;font-size:26px}.direct-login-shell>p{font-size:13px;color:#617985;line-height:1.7}.direct-login-shell form{display:grid;gap:18px;margin-top:24px}.direct-login-shell form[hidden]{display:none}.direct-login-shell label{display:grid;gap:8px;font-size:13px;font-weight:600}.direct-login-shell input{width:100%;min-width:0;padding:12px;border:1px solid #d5e2e7;border-radius:9px;background:#fafcfd}.direct-login-shell button{min-height:42px}.direct-login-shell button.primary{background:#1c6b56;width:100%;min-height:46px}.direct-login-shell .direct-login-close{position:absolute;right:15px;top:12px;width:42px;padding:0;background:transparent;border:0;color:#52707e;font-size:26px}.direct-login-shell .error{color:#a43b35}.direct-login-shell .code-input{grid-template-columns:minmax(0,1fr) auto}.direct-login-shell button:disabled{opacity:.65;cursor:wait}.direct-login-shell input:focus-visible{outline:2px solid #28775f;outline-offset:2px}@media(max-width:480px){.direct-login-shell{padding:28px 22px}}