:root{color-scheme:light;--red:#a6192e;--ink:#172d46;--muted:#516175;--line:#dce2e7;--paper:#f8f9fa;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.login-shell{min-height:100svh;display:grid;grid-template-columns:1.08fr 1fr}.login-intro{display:flex;flex-direction:column;padding:48px clamp(32px,5.8vw,100px);background:#f0f2f4;position:relative;overflow:hidden;border-right:1px solid var(--line)}.login-intro:after{content:"";position:absolute;width:560px;height:560px;border:1px solid #a6192e12;border-radius:50%;left:-280px;bottom:-300px;box-shadow:0 0 0 70px #a6192e04,0 0 0 140px #a6192e03;pointer-events:none}.login-brand{display:flex;gap:18px;align-items:center;font-size:22px;font-weight:650;letter-spacing:-.5px;position:relative;z-index:1}.brand-monogram{font-family:Arial,sans-serif;font-size:28px;font-weight:800;color:var(--red);letter-spacing:-2px;border-right:1px solid #ccd2d9;padding-right:18px}.brand-monogram>span{font-weight:300;margin-left:2px}.login-brand small{display:block;font-size:12px;letter-spacing:2px;font-weight:500;margin-top:6px;color:var(--muted)}.intro-content{margin:auto 0;padding:80px 0;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:700;color:var(--red);margin:0 0 24px}.intro-content h1{font-size:clamp(32px,3.1vw,49px);line-height:1.55;letter-spacing:1px;margin:0;font-weight:650}.intro-description{font-size:17px;line-height:1.95;margin:25px 0 36px;color:var(--muted)}.currency-list{display:flex;gap:12px 18px;max-width:440px;flex-wrap:wrap}.currency-list>span{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.5px;font-weight:650;color:#35485e}.currency-list img{width:27px;height:20px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #00000009}.intro-foot{font-size:12px;color:#667587;letter-spacing:1px;position:relative;z-index:1;margin:0}.login-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:58px 36px 25px;background:#fff}.login-card{width:100%;max-width:380px;margin:auto 0}.login-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid #edd9dd;border-radius:13px;margin-bottom:31px;background:#fcf6f7;color:var(--red)}.login-symbol svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.login-card .eyebrow{margin-bottom:10px;font-size:10px}.login-card h2{font-size:29px;letter-spacing:.5px;font-weight:650;margin:0 0 11px}.login-description{font-size:15px;color:var(--muted);margin:0 0 35px;line-height:1.7}label{display:block;font-size:14px;font-weight:600;margin:22px 0 10px}input{width:100%;height:51px;border:1px solid #cbd4dc;border-radius:6px;background:#fff;padding:0 15px;font-size:16px;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--red);box-shadow:0 0 0 3px #a6192e12}input::placeholder{color:#818c9a;font-size:14px}.password-field{position:relative}.password-field input{padding-right:70px}.password-field button{position:absolute;right:4px;top:4px;height:43px;padding:0 13px;border:0;background:transparent;color:#566779;font-size:13px;cursor:pointer;border-radius:4px}.password-field button:hover{background:#f1f3f5;color:var(--red)}.login-submit{width:100%;display:flex;justify-content:center;align-items:center;gap:18px;height:52px;margin-top:29px;color:#fff;background:var(--red);border:1px solid var(--red);border-radius:6px;font-weight:600;font-size:16px;letter-spacing:2px;cursor:pointer;transition:background .15s}.login-submit:hover{background:#891427}.login-submit:disabled{cursor:wait;opacity:.7}.login-error{font-size:14px;line-height:1.6;color:#9c142c;background:#fff2f4;border:1px solid #f2d4da;padding:10px 12px;border-radius:5px;margin:16px 0 0}.login-error[hidden]{display:none}.login-note{font-size:12px;color:#677688;line-height:1.85;margin:20px 0 0}.panel-foot{font-size:11px;color:#7b8897;letter-spacing:.7px;margin:45px 0 0}button:focus-visible,a:focus-visible{outline:3px solid #a6192e66;outline-offset:3px}@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-intro{padding:27px 25px;border-right:0;border-bottom:1px solid var(--line)}.login-brand{font-size:20px}.brand-monogram{font-size:25px}.intro-content{padding:32px 0 4px}.intro-content h1{font-size:29px;line-height:1.5}.intro-content h1 br{display:none}.eyebrow,.intro-description,.intro-foot{display:none}.currency-list{margin-top:23px;max-width:none;gap:10px 16px}.currency-list>span{font-size:11px}.currency-list img{width:23px;height:17px}.login-panel{padding:35px 25px 24px}.login-card{max-width:430px}.login-symbol{display:none}.login-card .eyebrow{display:block}.login-card h2{font-size:26px}.login-description{margin-bottom:25px;font-size:14px}.panel-foot{margin-top:32px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.login-brand{gap:13px;font-size:23px;letter-spacing:-.6px}.login-brand .brand-symbol{flex-shrink:0;border-radius:9px}.login-brand small{font-size:12px;letter-spacing:1.7px}@media(max-width:800px){.login-brand{font-size:21px}.login-brand .brand-symbol{width:32px;height:32px}}@media(max-width:380px){.login-brand{font-size:18px;gap:10px}}

.login-brand .brand-symbol{width:52px;height:52px;border-radius:0;object-fit:contain}
@media(max-width:620px){.login-brand .brand-symbol{width:44px;height:44px}}