.hnx-login{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:80px;align-items:center;min-height:calc(100vh - 140px);padding:55px 30px 65px;color:#253f58}.login-kicker{font-size:11px;letter-spacing:2px;font-weight:600;color:#5e8eb4}.login-story h1{font-size:39px;line-height:1.45;margin:18px 0;color:#243f58;max-width:540px;letter-spacing:-1px}.login-story>p{color:#75899c;line-height:1.9;font-size:14px;max-width:460px}.login-visual{position:relative;isolation:isolate;margin:42px 0 32px;padding:12px 30px 12px 15px}.login-orbit{position:absolute;width:290px;height:290px;border:1px solid #bbd6ed;border-radius:50%;top:-20px;right:12px;z-index:-1;box-shadow:0 0 0 24px #e9f4fd66,0 0 0 48px #e9f4fd44}.login-bracket{font:100px/1 Consolas,monospace;color:#2185d030;position:absolute;left:-25px;top:65px;transform:rotate(-12deg)}.login-bracket.end{left:auto;right:0;top:95px;transform:rotate(12deg)}.login-editor{border-radius:13px;background:#173653;padding:20px 24px;box-shadow:0 18px 45px #1c4c7720;max-width:440px;transform:rotate(-2deg);border:1px solid #31526e}.login-editor-dots{display:flex;gap:6px}.login-editor-dots i{width:6px;height:6px;background:#a3c3da;border-radius:50%;opacity:.5}.login-editor pre{font:15px/1.95 Consolas,monospace;color:#d0e3ef;margin:24px 0}.login-editor pre span{color:#8bcee8}.login-editor-bottom{display:flex;justify-content:space-between;border-top:1px solid #36546e;padding-top:16px;gap:10px;align-items:center}.login-editor-bottom b{font-size:11px;color:#9ec7e0;font-weight:400}.login-editor-bottom>span{font-size:7px;letter-spacing:1px;color:#678da9}.login-steps{display:flex;gap:28px;color:#758da2;font-size:12px;margin-top:36px}.login-steps b{color:#72a8cd;font-size:10px;margin-right:7px}.login-card{background:white;border:1px solid #e1e9f2;border-radius:18px;padding:40px 36px;box-shadow:0 12px 45px #173c6309;position:relative}.login-card:before{content:"";position:absolute;left:36px;top:0;width:46px;height:3px;background:#2185d0;border-radius:0 0 3px 3px}.login-card h2{font-size:27px;margin:10px 0 8px}.login-card>p{font-size:13px;color:#8193a4;margin:0 0 28px}.login-card label{display:block;font-size:12px;color:#58748c;font-weight:600;margin:20px 0 9px}.login-card input{box-sizing:border-box;width:100%;padding:13px 15px;background:#fafcff;border:1px solid #dce5ee;border-radius:8px;font:14px/1.5 inherit;color:#304f6a;outline:none}.login-card input:focus{border-color:#6aaad9;box-shadow:0 0 0 3px #2185d010}.login-card input::placeholder{color:#a4b3c1}.login-password{position:relative}.login-password input{padding-right:60px}.login-password button{position:absolute;right:5px;top:5px;bottom:5px;border:0;background:none;font-size:11px;color:#6b8da7;padding:0 10px;cursor:pointer}.login-submit{width:100%;border:0;border-radius:8px;background:#2185d0;color:white;padding:14px 18px;font-size:14px;font-weight:600;text-align:left;cursor:pointer;margin-top:28px;box-shadow:0 4px 10px #2185d020}.login-submit span{float:right}.login-submit:hover{background:#177cc5}.login-submit:disabled{opacity:.65;cursor:wait}.login-card-foot{border-top:1px solid #edf1f6;margin-top:27px;padding-top:22px;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#869bad}.login-card-foot a{color:#2185d0}.login-home{font-size:11px;color:#8299ab;display:block;text-align:center;margin-top:25px}#login-status{font-size:12px;color:#7692a7;min-height:18px;padding-top:10px}.login-vcode{display:flex;gap:12px}.login-vcode input{min-width:0}.login-vcode button{border:1px solid #dce5ee;background:#fff;border-radius:8px;cursor:pointer}.login-vcode img{max-width:115px}.login-card :focus-visible{outline:2px solid #2185d0;outline-offset:3px}

/* Clear contrast, standard desktop form */
.login-orbit,.login-bracket{display:none}.login-story>p,.login-card>p{color:#485969}.login-kicker{color:#275b83;letter-spacing:.5px}.login-editor{transform:none;border-radius:6px;box-shadow:none;background:#182c3f}.login-editor pre{background:#182c3f!important;color:#e6eef5!important;border:0}.login-editor pre span{color:#7bc3ff}.login-editor-bottom{color:#d6e3ed}.login-editor-dots{background:#122232}.login-card{box-shadow:none;border-radius:6px;border-color:#cbd5df}.login-card label{color:#273746}.login-card input{color:#202a35;border-color:#b8c6d3;background:#fff}.login-card input::placeholder{color:#647281}.login-password button,.login-card-foot,.login-home{color:#475b6e}.login-steps{color:#465b6e}.login-submit{border-radius:4px;background:#0875bd}.login-visual{margin:28px 0 24px;padding:0 30px 0 0}.hnx-login{gap:70px}.login-story h1{font-size:34px}.login-editor-bottom span{display:none}