:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#202638;background:#f6f7fb;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.topbar{height:82px;max-width:1080px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:700;letter-spacing:.5px}.brand-mark{background:#25243a;color:white;border-radius:10px;width:32px;height:32px;display:grid;place-items:center;font-size:17px}.back{font-size:13px;color:#697184;display:flex;gap:10px}.back:hover{color:#445de5}main{max-width:584px;margin:47px auto 50px;padding:0 22px}.eyebrow{font-size:12px;color:#596ee5;font-weight:650;letter-spacing:2px}h1{font-size:30px;letter-spacing:-1px;margin:13px 0 12px;line-height:1.35}.intro{font-size:14px;color:#737b8c;line-height:1.8;margin:0 0 27px}.connection{border:1px solid #dde3ee;border-radius:14px;padding:21px 23px;background:#fff;margin-bottom:22px;box-shadow:0 3px 12px #27345803}.connection-top,.connection-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}h2{font-size:15px;margin:0;font-weight:650}.connection h2{display:flex;align-items:center;gap:8px}.dot{height:7px;width:7px;border-radius:50%;background:#a6aebb}.dot.live{background:#18a279}.dot.warning{background:#e29c37}.badge{font-size:11px;background:#f1f3f7;color:#737d91;padding:4px 8px;border-radius:5px}.badge.live{background:#eaf8f1;color:#14845e}.badge.warning{background:#fff4df;color:#a66e18}#connection-detail{color:#737d8e;font-size:12px;line-height:1.8;margin:13px 0 19px}.connection-bottom{border-top:1px solid #eef0f4;padding-top:15px;font-size:12px;color:#8790a0}.connection-bottom strong{color:#555e70;font-weight:500;margin-left:7px}.text-button{border:0;background:transparent;font:inherit;color:#5368cf;padding:3px 0;cursor:pointer}.text-button:disabled{color:#8790a0;cursor:wait}.login-card{background:#fff;border:1px solid #e5e8ef;border-radius:16px;padding:27px 27px 28px;box-shadow:0 6px 24px #23345e04}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:29px}.card-heading h2{font-size:17px}.card-heading p{font-size:12px;color:#9299a8;margin:9px 0 0}.small-tag{font-size:10px;color:#9199a8;border:1px solid #e8eaf0;padding:4px 7px;border-radius:5px}label{display:block;font-size:12px;font-weight:600;color:#5a6374;margin:0 0 10px}input{font:inherit;min-width:0;width:100%;height:47px;border:1px solid #dfe4ec;border-radius:8px;background:#fff;color:#252d40;padding:0 13px;font-size:13px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#acb2be}input:focus{outline:none;border-color:#657ce9;box-shadow:0 0 0 3px #526ee512}.phone-field{display:flex;align-items:center;position:relative;margin-bottom:24px}.phone-field>span{position:absolute;left:14px;color:#626d80;font-size:13px;border-right:1px solid #e3e6ee;padding-right:11px;pointer-events:none}.phone-field input{padding-left:66px}.code-row{display:flex;gap:10px}.code-row input{flex:1}.secondary{border:1px solid #dfe4ec;border-radius:8px;white-space:nowrap;background:#fafbfe;color:#5366c9;padding:0 15px;font-size:12px;min-width:111px;cursor:pointer}.secondary:hover:enabled{background:#f0f3ff;border-color:#b6c2f0}.secondary:disabled{color:#a5adbc;cursor:default}.field-note{font-size:11px;line-height:1.6;color:#98a0ae;margin:12px 0 26px}.primary{height:47px;background:#5268de;border:0;border-radius:8px;color:white;display:flex;justify-content:center;align-items:center;gap:16px;width:100%;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.primary:hover:enabled{background:#4358cc}.primary:disabled{background:#c1c9e9;color:#f8faff;cursor:default}#feedback{padding:12px 13px;border-radius:7px;margin:0 0 17px;font-size:12px;line-height:1.75;overflow-wrap:anywhere}#feedback.error{color:#a8473f;background:#fff1ee;border:1px solid #f6ddd6}#feedback.success{color:#1d795c;background:#eef9f3;border:1px solid #d7eee2}#feedback.info{color:#5b6c95;background:#f0f4fc;border:1px solid #e0e7f6}.footer-note{text-align:center;color:#9aa2b1;font-size:11px;line-height:1.9;margin:22px 10px}button:focus-visible,a:focus-visible{outline:3px solid #7793f6;outline-offset:4px}button{font-family:inherit}@media(max-width:540px){.topbar{height:68px;padding:0 22px}.brand{font-size:15px}.back{font-size:12px}main{margin-top:31px;padding:0 20px}h1{font-size:27px}.intro{font-size:12px}.login-card{padding:23px 20px}.connection{padding:19px 20px}.connection-bottom{gap:8px}.footer-note{font-size:10px}.secondary{padding:0 10px;min-width:101px}.small-tag{display:none}}