:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#222637;background:#f5f6f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(360px,45%) minmax(360px,55%)}.login-aside{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:42px clamp(36px,5vw,78px);background:#171d2b;color:#f9fafc}.login-brand,.login-mobile-brand{display:flex;align-items:center;gap:11px;font-size:25px;letter-spacing:-1.2px;font-weight:700}.login-brand-mark{position:relative;display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:9px;background:#c3ef9b;color:#172520;font-size:29px;line-height:1;font-weight:800}.login-brand-mark span{position:absolute;top:-3px;right:2px;font-size:12px}.login-aside-content{position:relative;z-index:1;max-width:520px;margin:70px 0 90px}.login-eyebrow,.login-step{display:block;font-size:10px;font-weight:700;letter-spacing:2.2px}.login-eyebrow{color:#b4d6b9}.login-aside h1{font-size:clamp(44px,5.3vw,82px);line-height:1.05;letter-spacing:-.065em;font-weight:650;margin:28px 0}.login-aside h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#c3ef9b}.login-aside-content p{max-width:420px;color:#aab4c1;font-size:15px;line-height:1.8}.login-aside-foot{position:relative;z-index:1;display:flex;align-items:center;gap:9px;color:#b9c5c9;font-size:12px}.login-live-dot{width:7px;height:7px;border-radius:50%;background:#c3ef9b;box-shadow:0 0 0 4px #c3ef9b1e}.login-decoration{position:absolute;inset:auto -140px -190px auto;width:650px;height:650px;z-index:-1;border:1px solid #7e969121;border-radius:50%}.login-decoration span{position:absolute;inset:60px;border:1px solid #7e969128;border-radius:50%}.login-decoration span:nth-child(2){inset:130px}.login-decoration span:nth-child(3){inset:210px;background:#d5f7a20c}.login-main{display:grid;place-items:center;padding:40px 24px;background:#f7f8fa}.login-card{width:min(100%,420px)}.login-mobile-brand{display:none}.login-step{color:#737d91}.login-card h2{margin:16px 0 10px;font-size:clamp(28px,3.5vw,40px);letter-spacing:-.045em;line-height:1.16}.login-intro{margin:0 0 37px;color:#747d8d;font-size:14px;line-height:1.7}.login-card label{display:block;margin-bottom:9px;font-size:13px;font-weight:650}.login-key-wrap{display:flex;align-items:center;border:1px solid #d7dce3;border-radius:9px;background:white;transition:border .16s,box-shadow .16s}.login-key-wrap:focus-within{border-color:#778e6e;box-shadow:0 0 0 4px #b8d9a139}.login-key-wrap input{min-width:0;flex:1;height:52px;padding:0 15px;border:0;background:transparent;color:#222637;font-size:14px;outline:0}.login-key-wrap input::placeholder{color:#a0a7b4}.login-key-wrap button{flex:none;margin-right:6px;padding:8px 11px;border:0;border-radius:5px;background:transparent;color:#5e6e69;font-size:12px;font-weight:650}.login-key-wrap button:hover{background:#edf3ea}.login-key-wrap button:focus-visible,.login-submit:focus-visible{outline:3px solid #88b97d;outline-offset:3px}.login-help{margin:10px 0 0;color:#848d9c;font-size:12px;line-height:1.6}.login-error{padding:12px 13px;border:1px solid #eacbc3;background:#fff3f0;color:#a8473d;border-radius:7px;font-size:12px;line-height:1.55}.login-error[hidden]{display:none}.login-submit{display:flex;justify-content:space-between;align-items:center;width:100%;height:52px;margin-top:25px;padding:0 16px;border:1px solid #273a30;border-radius:8px;background:#273a30;color:white;font-size:14px;font-weight:650;transition:background .16s,transform .16s}.login-submit:hover:not(:disabled){background:#395442;transform:translateY(-1px)}.login-submit span:last-child{font-size:20px;font-weight:400}.login-footer{margin-top:29px;padding-top:21px;border-top:1px solid #e3e6eb;color:#7d8696;font-size:12px;line-height:1.5}@media(max-width:820px){.login-layout{grid-template-columns:1fr}.login-aside{display:none}.login-main{min-height:100vh;padding:32px 20px}.login-mobile-brand{display:flex;margin-bottom:70px;color:#263a30}.login-step{margin-top:0}}@media(max-width:420px){.login-mobile-brand{margin-bottom:45px}.login-intro{margin-bottom:27px}}