*{box-sizing:border-box}body{margin:0;background:#f3f5f8;color:#18243b;font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100dvh;display:grid;place-items:center;padding:24px}main{background:#fff;width:min(100%,460px);padding:38px 40px 28px;border:1px solid #e3e8ef;border-radius:22px;box-shadow:0 18px 60px #2033510b}.brand{display:flex;justify-content:space-between;color:#293b56;letter-spacing:2px;font-weight:750;text-decoration:none}.brand span{font-size:12px;font-weight:400;letter-spacing:1px;color:#8490a1}.mark{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#e9f1ff;color:#2463ce;font-size:25px;font-weight:650;margin:44px 0 24px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8994a6;margin:0}h1{font-size:30px;letter-spacing:1px;margin:6px 0 12px}.intro{color:#68778c;margin:0 0 32px}.login{display:flex;align-items:center;justify-content:space-between;background:#2463ce;color:white;border-radius:10px;padding:14px 18px;text-decoration:none;font-weight:600}.login:hover{background:#1c50ad}.login:focus-visible{outline:3px solid #9dbdf4;outline-offset:4px}.hint{font-size:12px;text-align:center;color:#8b96a6;margin-top:18px}footer{border-top:1px solid #edf0f4;color:#9aa4b2;text-align:center;font-size:11px;margin-top:36px;padding-top:20px}#error{font-size:13px;color:#a33939;background:#fff0f0;padding:12px;border-radius:8px}@media(max-width:420px){main{padding:28px 24px}body{padding:18px}.mark{margin-top:32px}}