:root{color-scheme:dark;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#ededed;background:#1d1d1d}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.auth-layout{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;margin:0}.auth-intro{display:flex;flex-direction:column;padding:42px clamp(28px,5vw,88px);border-right:1px solid #323232;background:radial-gradient(ellipse at 18% 50%,#193d4a55,transparent 62%)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;width:fit-content}.brand>span{background:#0a94cf;border-radius:50%;display:grid;place-items:center;width:29px;height:29px;font-size:19px}.intro-copy{margin:auto 0;padding:50px 0}.eyebrow{font-size:10px;color:#7eb5cf;letter-spacing:2px}.intro-copy h1{font-size:clamp(36px,4vw,58px);line-height:1.35;letter-spacing:-2px;margin:22px 0}.intro-copy p{color:#a7a7a7;font-size:14px;line-height:2}.intro-copy img{border-radius:50%;margin:22px 0;object-fit:cover;box-shadow:0 0 60px #4b85bb12}.capabilities{display:flex;gap:10px;flex-wrap:wrap}.capabilities>span{font-size:12px;color:#b8bec2;padding:8px 12px;background:#ffffff04;border:1px solid #ffffff10;border-radius:20px}.auth-intro>small{font-size:12px;color:#777}.auth-side{display:grid;place-items:center;padding:48px 24px}.auth-card{width:100%;max-width:400px}.auth-heading h2{font-size:27px;letter-spacing:-.5px;margin:12px 0}.auth-heading p{font-size:13px;color:#939393;margin:0 0 28px}.auth-tabs{display:flex;gap:3px;background:#252525;border:1px solid #363636;border-radius:12px;padding:4px;margin-bottom:26px}.auth-tabs button{flex:1;border:0;background:transparent;border-radius:8px;color:#999;padding:10px;font-size:13px}.auth-tabs button.active{color:white;background:#383838;box-shadow:0 2px 7px #0003}label{display:block;font-size:12px;color:#ccc;margin:18px 0 9px}input{width:100%;border:1px solid #454545;background:#242424;color:#f0f0f0;outline:0;border-radius:10px;padding:13px 14px;font-size:14px;min-width:0;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#3f8daf;box-shadow:0 0 0 3px #1d8ec215}input::placeholder{color:#727272}.code-row{display:flex;gap:9px}.code-row input{flex:1;width:0}.code-row button{border:1px solid #464646;border-radius:10px;padding:0 13px;color:#bddbec;background:#2c3033;font-size:12px;white-space:nowrap}#codeFields>small{display:block;font-size:11px;color:#848484;margin-top:8px;line-height:1.6}.form-meta{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:42px}.form-meta>span{font-size:11px;color:#949494;margin-right:auto}.form-meta button,.auth-footer button{border:0;background:transparent;color:#a9b9c3;font-size:12px;padding:0}.primary{border:1px solid #148fbe;background:#0d89bf;border-radius:11px;color:white;width:100%;padding:14px 17px;font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center;transition:background .2s}.primary:hover{background:#129cd7}.primary:disabled{background:#336075}.message{font-size:12px;line-height:1.7;padding:11px 13px;border:1px solid;border-radius:9px;margin:8px 0 16px;overflow-wrap:anywhere}.error{background:#5d262826;border-color:#713c3c;color:#ffb1ac}.success{background:#18422f30;border-color:#2a6349;color:#97d5b1}.auth-footer{display:flex;justify-content:space-between;gap:14px;margin-top:22px;font-size:12px;color:#939393}.session-note{text-align:center;color:#6f6f6f;font-size:11px;line-height:1.8;margin:35px 0 0}@media(max-width:800px){.auth-layout{grid-template-columns:1fr}.auth-intro{padding:24px;border:0;background:transparent}.intro-copy,.auth-intro>small{display:none}.auth-side{padding:12px 24px 40px}.auth-card{max-width:430px}.auth-heading{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(min-width:801px){.auth-intro{padding-inline:clamp(42px,8vw,180px);background:radial-gradient(ellipse at 20% 52%,#193d4a75,transparent 70%),#1a2021;border-right-color:#363f41}.auth-side{background:#1d1d1d}}
