*{box-sizing:border-box}body{margin:0;background:#f5fafe;color:#1a3042;font:17px/1.65 system-ui,sans-serif;min-height:100svh;display:grid;place-items:center;padding:24px}main{max-width:480px;width:100%;background:white;border:1px solid #d6e8f5;border-radius:28px;padding:32px;box-shadow:0 12px 45px #1a6ab70a}h1{font-size:28px;line-height:1.35;margin:12px 0 20px}.brand{font-weight:700;color:#196fb7;letter-spacing:.02em}.logo{position:relative;width:70px;height:70px;border-radius:50%;border:9px solid #59baff;color:#329bf1;display:grid;place-items:center;font-size:42px;font-weight:900;line-height:1}.logo i{position:absolute;right:-10px;top:-8px;width:22px;height:22px;border:4px solid white;background:#60d9c1;border-radius:50%}.hint{color:#536f82;font-size:14px}button,a{font:inherit;cursor:pointer;width:100%;display:block;text-align:center;border:0;border-radius:14px;padding:14px;margin-top:12px;text-decoration:none;background:#eaf5fd;color:#196fb7;font-weight:650}a.primary{background:#196fb7;color:white}button:focus-visible,a:focus-visible{outline:3px solid #196fb7;outline-offset:4px}.small{width:auto;background:transparent;font-size:14px;margin:auto}#status{font-size:14px;color:#196fb7;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:350px){main{padding:20px}h1{font-size:24px}}