:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei UI",sans-serif;color:#242522;background:#f8f8f6;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}header{padding:35px 48px}header a{display:inline-flex;align-items:baseline;gap:13px;color:inherit;text-decoration:none;font-size:21px;font-weight:600;letter-spacing:1px}header span{font-size:12px;font-weight:400;color:#73746e;letter-spacing:0}main{display:flex;flex:1;align-items:center;justify-content:center;padding:52px 24px 100px}section{width:100%;max-width:340px}h1{margin:0;font-size:34px;line-height:1.3;font-weight:600;letter-spacing:-1px}.intro{margin:12px 0 39px;color:#72736e;font-size:14px;line-height:1.6}form>label{display:block;margin-bottom:10px;font-size:13px;font-weight:500}input,button{font:inherit}input{width:100%;height:50px;padding:0 14px;border:1px solid #d6d7d0;border-radius:7px;background:#fff;color:#242522;outline:none;font-size:16px;transition:border-color .15s,box-shadow .15s}input:focus{border-color:#747a6c;box-shadow:0 0 0 3px #505d4610}#username{margin-bottom:24px}.password-field{position:relative}.password-field input{padding-right:51px}button{cursor:pointer}#reveal{position:absolute;inset:3px 4px 3px auto;width:43px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#75776f}#reveal:hover{background:#f1f2ee}svg{width:21px;height:21px}[hidden]{display:none!important}.error{min-height:36px;margin:10px 0 7px;font-size:12px;line-height:1.7;color:#a33c31}.submit{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:49px;border:0;border-radius:7px;background:#30382b;color:#fff;font-size:14px;font-weight:500;transition:background .15s,transform .15s}.submit span{position:absolute;right:18px;font-size:21px;font-weight:400}.submit:hover{background:#414b3b}.submit:active{transform:translateY(1px)}.submit:disabled{opacity:.65;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #64745a;outline-offset:4px}footer{text-align:center;padding:24px;color:#80817a;font-size:11px;letter-spacing:.4px}@media(max-width:600px){header{padding:26px 26px}header a{font-size:19px}main{padding:42px 28px 72px}h1{font-size:30px}}@media(max-height:650px){main{padding-top:24px;padding-bottom:24px}.intro{margin-bottom:25px}}@media(prefers-reduced-motion:reduce){input,.submit{transition:none}}
