:root{font-family:'Source Sans 3',system-ui,sans-serif;color:#352144;background:#f5f4f7}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}
main{width:100%;max-width:480px}
h1{font-size:clamp(28px,6vw,38px);font-weight:600;letter-spacing:-.03em;line-height:1.15;margin:28px 0 16px}
p{line-height:1.65;color:#6d6376}
.login-brand{display:flex;align-items:center;gap:22px;background:#43235d;color:white;padding:20px 24px;border-radius:16px;margin-bottom:34px}
.login-brand img{display:block;width:110px;height:66px;object-fit:contain}
.login-brand>div{border-left:1px solid #755889;padding-left:22px}
.login-brand strong{font-size:27px;font-weight:600;letter-spacing:-.025em}
.login-brand span{display:block;font-size:12px;color:#e1d5e9;margin-top:4px}
.verification{font-size:13px;color:#6d6376;margin-top:24px}
.mark{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#43235d;color:#accf43;font-size:27px;font-weight:600}
a,button{display:flex;align-items:center;justify-content:space-between;background:#62328a;color:white;padding:15px 20px;border-radius:7px;text-decoration:none;margin:30px 0 20px;width:100%;border:0;font:inherit;font-weight:600;cursor:pointer}
a:hover,button:hover{background:#4d226f}
a:focus-visible,button:focus-visible{outline:3px solid #76479b;outline-offset:4px}
small{display:block;color:#6d6376;font-size:12px;line-height:1.6}
form label{display:block;margin:18px 0;color:#352144;font-size:14px;font-weight:600}
form input:not([type=hidden]){display:block;width:100%;min-height:46px;margin-top:7px;padding:10px 12px;border:1px solid #c9bed1;border-radius:7px;background:#fff;color:#352144;font:inherit}
form input:focus-visible{outline:2px solid #76479b;outline-offset:2px}
form input[readonly]{background:#eeeaf1;color:#6d6376}
a.alternate{justify-content:center;background:transparent;color:#62328a;margin:18px 0 0;padding:10px;font-size:14px;text-decoration:underline}
::selection{background:#e1edb7;color:#352144}
@media(max-width:420px){body{padding:24px 20px}.login-brand{padding:18px;gap:16px}.login-brand img{width:90px;height:54px}.login-brand>div{padding-left:16px}.login-brand strong{font-size:25px}.login-brand span{font-size:11px}}