.selfhost-login{color:#233b49;background:#f1f4f6;flex-direction:column;align-items:center;min-height:100dvh;padding:64px 24px 28px;font-family:Arial,PingFang SC,sans-serif;display:flex}.selfhost-login>header{text-align:center;max-width:520px;margin-bottom:29px}.selfhost-login>header>span{letter-spacing:2px;color:#50788f;font-size:11px}.selfhost-login h1{margin:16px 0 12px;font-size:32px;font-weight:600;line-height:1.4}.selfhost-login>header>p{color:#607787;margin:0;font-size:14px;line-height:1.9}.selfhost-login>section{background:#fff;border:1px solid #cbd5dc;border-top:4px solid #247b9a;width:100%;max-width:420px;padding:30px 28px 25px}.selfhost-login h2{margin:0 0 26px;font-size:20px;font-weight:600}.selfhost-login label{margin-bottom:10px;font-size:14px;display:block}.selfhost-login input{color:#233b49;box-sizing:border-box;background:#fff;border:1px solid #9dafbb;border-radius:2px;width:100%;min-width:0;height:48px;padding:10px 12px;font-size:16px;display:block}.selfhost-login input:focus-visible{outline-offset:2px;outline:2px solid #2781a6}.selfhost-login button{color:#fff;cursor:pointer;background:#195777;border:1px solid #195777;border-radius:2px;width:100%;min-height:46px;margin-top:22px;font-size:15px;display:block}.selfhost-login button:hover:not(:disabled){background:#10415b}.selfhost-login button:disabled{opacity:.5;cursor:default}.selfhost-login-hint{color:#748694;margin:17px 0 0;font-size:12px;line-height:1.85}.selfhost-login-error{color:#a13232;background:#fff2ef;margin:15px 0 0;padding:10px 12px;font-size:13px;line-height:1.8}.selfhost-login>footer{text-align:center;color:#7c8d98;margin-top:26px;font-size:12px;line-height:1.8}@media (max-width:480px){.selfhost-login{padding:42px 18px 25px}.selfhost-login h1{font-size:28px}.selfhost-login>section{padding:27px 21px 23px}}