:root{font-family:Arial,sans-serif;color:#302d36;background:#f6f5f8}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:430px;background:white;padding:44px 38px 28px;border:1px solid #e9e5ec;border-radius:18px;box-shadow:0 16px 60px #3c29400a}.wordmark{font:38px Georgia,serif;letter-spacing:-2px;text-decoration:none;color:inherit}.wordmark span{color:#685477}.wordmark i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8b759d;margin-left:5px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8a7c95;margin:24px 0 16px}h1{font-size:27px;font-weight:500;margin:0 0 12px;letter-spacing:-.6px}p{font-size:14px;line-height:1.6;color:#82798a;margin:0 0 28px}label{display:block;font-size:13px;margin:18px 0 8px}input{width:100%;font:16px Arial;padding:13px;border:1px solid #dcd4e2;border-radius:7px;outline:none}input:focus{border-color:#71577f;box-shadow:0 0 0 3px #71577f18}button{margin-top:25px;width:100%;border:0;background:#685477;color:white;border-radius:7px;padding:15px;font-size:14px;cursor:pointer;text-align:left}button span{float:right}button:disabled{opacity:.6;cursor:wait}#login-error{color:#a12f46;font-size:13px;line-height:1.5;margin-top:15px;min-height:18px}footer{font-size:11px;color:#a396ac;margin-top:26px;padding-top:20px;border-top:1px solid #f0ecf2}@media(max-width:480px){main{padding:32px 25px}}