.signin{min-height:100vh;background:#fff;color:#202126;font-family:Geist,Arial,sans-serif;display:flex;flex-direction:column}.signin-header,.signin-footer{display:flex;justify-content:space-between;align-items:center;max-width:1240px;width:100%;margin:auto;padding:26px 40px;box-sizing:border-box}.signin-header{border-bottom:1px solid #eeeeef}.signin-brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:600;letter-spacing:-.8px;text-decoration:none;color:inherit}.signin-brand img{height:28px;width:28px;object-fit:contain;border-radius:3px}.signin-header>span,.signin-kicker{font-size:10px;letter-spacing:1.8px;color:#777981}.signin-main{display:grid;grid-template-columns:1.15fr 1fr;gap:110px;align-items:center;width:100%;max-width:1160px;padding:70px 40px;margin:auto;box-sizing:border-box}.signin-intro h1{font-size:58px;font-weight:520;line-height:1.08;letter-spacing:-2.8px;margin:24px 0}.signin-intro h1>span{color:#9f93b6}.signin-intro>p{font-size:16px;line-height:1.8;color:#777981;max-width:390px}.signin-panel{border:1px solid #e8e8ec;border-radius:14px;padding:34px;background:#fff;box-shadow:0 12px 44px #20203004}.signin-panel h2{font-size:23px;font-weight:550;letter-spacing:-.7px;margin:0 0 10px}.signin-panel>p{font-size:13px;color:#82828b;line-height:1.7}.signin-panel form{display:grid;gap:21px;margin-top:30px}.signin-panel label{display:grid;gap:9px;font-size:12px;color:#52535b;font-weight:500}.signin-panel input{width:100%;box-sizing:border-box;background:#fff;border:1px solid #dddfe5;border-radius:6px;padding:12px 13px;font:inherit;font-size:14px;color:#282930;min-width:0}.signin-panel input:focus{outline:2px solid #c2b8d2;outline-offset:2px}.password-field{position:relative;display:block}.password-field input{padding-right:77px}.password-field button{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;background:none;border:0;color:#777781;cursor:pointer;padding:7px}.signin-panel .signin-submit{width:100%;display:flex;justify-content:space-between;align-items:center;background:#25262c;color:#fff;border:1px solid #25262c;border-radius:6px;padding:13px 16px;font:inherit;font-size:13px;cursor:pointer}.signin-submit:hover{background:#3b3b44}.signin-submit:disabled{opacity:.55;cursor:wait}.signin-error:empty{display:none}.signin-panel .signin-error{font-size:12px;color:#a93d45;margin:0;line-height:1.5}.signin-help{font-size:11px;line-height:1.7;color:#999aa2;border-top:1px solid #eeeef1;padding-top:22px;margin-top:26px}.signin-footer{font-size:10px;color:#92939b;margin-top:auto}.signin-preview{margin-top:40px;border:1px solid #e5e5ec;border-radius:9px;padding:18px;max-width:400px;background:linear-gradient(145deg,#fff,#faf9fc)}.preview-top{display:flex;align-items:center;gap:4px;margin-bottom:24px}.preview-top i{width:4px;height:4px;border-radius:50%;background:#d4d4dc}.preview-top span{margin-left:auto;font-size:9px;color:#a1a0ab}.preview-track{display:flex;justify-content:space-between;border-bottom:3px solid #ded8e9;padding-bottom:12px;font-size:9px;color:#96929f}.preview-line{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eeedf2;padding:15px 0}.preview-line b{display:block;width:36%;height:5px;border-radius:3px;background:#e7e6eb}.preview-line i{display:block;width:58px;height:13px;border-radius:4px;background:#eeeaf5}.preview-line:nth-last-child(2) i{background:#e9eff0}.preview-line:last-child{border:0}.signin [hidden]{display:none}.logout-button{font:inherit;font-size:11px;background:none;border:0;color:#777781;padding:7px;cursor:pointer}.logout-button:hover{color:#222;text-decoration:underline}@media(max-width:800px){.signin-main{gap:35px;padding:45px 25px}.signin-intro h1{font-size:44px}.signin-panel{padding:25px}.signin-header,.signin-footer{padding:22px 25px}}@media(max-width:620px){.signin-main{grid-template-columns:1fr;gap:30px;padding:35px 22px}.signin-intro h1{font-size:36px;letter-spacing:-1.5px;margin:15px 0}.signin-intro h1 br{display:none}.signin-intro>p{font-size:13px}.signin-preview{display:none}.signin-header,.signin-footer{padding:20px 22px}.signin-header>span{font-size:8px}.signin-footer{gap:15px;flex-wrap:wrap}.signin-panel{padding:25px}.signin-panel h2{font-size:21px}}