*{box-sizing:border-box}[hidden]{display:none!important}:root{color-scheme:light;--ink:#17233b;--muted:#667085;--red:#e51d44}body{margin:0;background:#f6f7f9;color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #ed3458;outline-offset:5px}h1,h2,h3,p{margin:0}.page-header{height:108px;max-width:1400px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:20px}.login-brand{display:flex;align-items:center;gap:10px}.login-brand img{object-fit:contain}.login-brand>span{font-size:27px;font-weight:750;letter-spacing:-1px;line-height:1.1}.login-brand small{display:block;font-size:8px;letter-spacing:5px;margin-top:6px;color:#7d8795;font-weight:650}.header-label{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:650;letter-spacing:1.6px;color:#777f8d}.header-label>span{width:7px;height:7px;border-radius:50%;background:#e7264a}.header-security{font-size:13px;color:#596474;display:flex;gap:9px;align-items:center}.header-security i{color:#293950}
.login-layout{width:calc(100% - 96px);max-width:1304px;min-height:638px;margin:12px auto 0;display:grid;grid-template-columns:41% 59%;border:1px solid #e3e7ed;border-radius:28px;overflow:hidden;background:white;box-shadow:0 20px 60px #17233b08}.login-story{position:relative;isolation:isolate;background:radial-gradient(ellipse at 100% 80%,#384d78,transparent 65%),linear-gradient(140deg,#111b30,#1b2b49);color:#fff;padding:44px 40px 29px;overflow:hidden;display:flex;flex-direction:column}.login-story:before{content:'';position:absolute;z-index:-1;width:350px;height:350px;border:1px solid #ffffff0a;border-radius:50%;left:-210px;top:150px;box-shadow:0 0 0 55px #ffffff03,0 0 0 110px #ffffff02}.login-eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;color:#c4cee0;display:flex;align-items:center;gap:8px}.login-eyebrow>span{display:block;width:19px;height:2px;background:#f45570}.login-story h1{font-size:clamp(33px,3.1vw,46px);font-weight:730;line-height:1.16;letter-spacing:-1.9px;margin-top:23px}.login-story h1>span{color:#ff6783}.story-copy>p{color:#b9c5d8;font-size:15px;margin-top:19px;line-height:1.7}.workspace-art{position:relative;margin:38px -4px 18px;height:252px;isolation:isolate}.art-halo{position:absolute;z-index:-1;inset:10px -35px -30px;background:radial-gradient(ellipse,#6693e32b,transparent 65%)}.workspace-window{position:absolute;left:0;right:2px;top:5px;background:#f9fbff;border:1px solid #ffffff75;border-radius:13px;box-shadow:0 30px 40px #060e2455;transform:perspective(900px) rotateY(-8deg) rotate(-4deg);overflow:hidden}.workspace-toolbar{display:flex;align-items:center;gap:4px;background:#fff;padding:12px;border-bottom:1px solid #edf0f5;color:#7f8ca2}.workspace-toolbar>span{height:5px;width:5px;border-radius:50%;background:#dce2eb}.workspace-toolbar>span:first-child{background:#f795a8}.workspace-toolbar b{font-size:6px;letter-spacing:1px;margin-left:12px}.workspace-toolbar i{margin-left:auto;font-size:9px;color:#619282}.workspace-body{display:grid;grid-template-columns:42px 1fr;min-height:170px}.workspace-sidebar{background:#fff;border-right:1px solid #eef0f5;padding:16px 13px;display:flex;flex-direction:column;gap:16px}.workspace-sidebar>*{height:5px;width:14px;border-radius:2px;background:#d8deea}.workspace-sidebar em{height:14px;background:#e6264a}.workspace-sidebar span:nth-child(2){background:#f2a3b3}.workspace-content{padding:16px}.art-heading{width:37%;height:7px;background:#d0d8e6;border-radius:3px;margin-bottom:12px}.art-balance{display:flex;align-items:center;gap:10px;padding:14px 12px;background:linear-gradient(120deg,#e3264b,#bf244c);color:#fff;border-radius:8px}.art-balance>i{font-size:20px}.art-balance>i:last-child{margin-left:auto;font-size:14px;color:#ffc9d4}.art-balance span{display:block;font-size:5px;letter-spacing:1px}.art-balance b{display:block;font-size:12px;margin-top:3px}.art-services{display:flex;gap:6px;margin-top:10px}.art-services>span{flex:1;border:1px solid #edf0f5;border-radius:6px;background:white;display:flex;align-items:center;gap:5px;padding:9px 6px;font-size:6px;color:#5c6b82}.art-services i{font-size:11px;color:#da3656}.art-chart{height:24px;margin-top:12px;display:flex;align-items:flex-end;gap:5px}.art-chart>span{flex:1;background:#e6eaf2;border-radius:2px 2px 0 0;height:40%}.art-chart>span:nth-child(2n){height:70%}.art-chart>span:nth-child(3n){height:100%;background:#ccd7eb}.art-connected{position:absolute;bottom:0;right:-10px;background:white;box-shadow:0 12px 30px #0002;border-radius:12px;padding:12px 19px 12px 12px;display:flex;align-items:center;gap:10px;transform:rotate(1deg);color:#5c6b82;font-size:10px}.art-connected>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eaf7f0;color:#188b60;font-size:14px}.art-connected strong{display:block;color:#23324b;font-size:12px;margin-top:2px}.story-footer{display:flex;gap:24px;border-top:1px solid #ffffff16;padding-top:20px;margin-top:auto;font-size:11px;color:#ccd5e4}.story-footer>span{display:flex;gap:7px;align-items:center}.story-footer i{color:#f8b2c0}
.login-panel{min-width:0;padding:48px 42px 32px;display:flex;flex-direction:column;justify-content:center}.desktop-pill{font-size:10px;font-weight:750;letter-spacing:1.6px;color:#dd2448}.login-panel h2{font-size:clamp(26px,2.3vw,35px);letter-spacing:-1.3px;line-height:1.2;margin-top:13px;font-weight:730}.login-subtitle{font-size:14px;color:var(--muted);margin-top:12px}.scan-layout{display:grid;grid-template-columns:246px minmax(0,1fr);align-items:center;gap:26px;margin:31px 0 29px}.qr-container{position:relative;width:246px;height:246px;background:#fff;padding:8px;border:1px solid #e2e6ee;border-radius:18px;box-shadow:0 4px 15px #17233b04}.desktop-qr{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:12px;color:#657187}.desktop-qr svg{width:100%;height:100%;display:block;shape-rendering:crispEdges}.qr-spinner{display:block;width:25px;height:25px;border:2px solid #e6eaf2;border-top-color:#de244a;border-radius:50%;animation:login-spin .9s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.qr-live-status{display:flex;align-items:center;gap:6px;font-size:10px;color:#657187;margin-top:14px;min-height:18px}.qr-status-dot{width:6px;height:6px;flex-shrink:0;background:#22966c;border-radius:50%}.qr-live-status strong{margin-left:auto;color:#37465f;font-size:11px;font-variant-numeric:tabular-nums}.steps-column h3{font-size:13px;font-weight:700;margin-bottom:22px}.desktop-login-steps{display:grid;gap:22px;list-style:none;padding:0;margin:0}.desktop-login-steps li{display:flex;align-items:flex-start;gap:10px;font-size:12px;position:relative}.desktop-login-steps li:not(:last-child):after{content:'';height:27px;width:1px;position:absolute;left:12px;top:29px;background:#e8ecf2}.desktop-login-steps li>span{display:grid;place-items:center;flex-shrink:0;border:1px solid #f6dce3;border-radius:8px;width:26px;height:26px;background:#fff4f6;font-size:11px;color:#dc294c;font-weight:700}.desktop-login-steps strong{color:#28364d;font-weight:650;font-size:12px}.desktop-login-steps p{font-size:11px;color:#748095;margin-top:4px;line-height:1.5}.desktop-login-security{display:flex;align-items:center;gap:12px;border:1px solid #e6ebf1;background:#f8fafc;border-radius:13px;padding:16px}.security-icon{height:35px;width:35px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:#eaf2ef;color:#2b8062;font-size:17px}.desktop-login-security strong{font-size:12px;font-weight:650;color:#35445d}.desktop-login-security p{font-size:11px;color:#718096;margin-top:3px}.security-time{margin-left:auto;font-size:12px;font-weight:700;border:1px solid #e2e7ef;padding:7px;border-radius:8px;color:#62718a}.desktop-login-footnote{font-size:10px;color:#7b8799;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:24px}.desktop-login-footnote>span{width:5px;height:5px;border-radius:50%;background:#a2abba}.qr-expired{position:absolute;inset:0;z-index:2;background:#fffffff9;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:18px;gap:8px}.qr-expired>span{display:grid;place-items:center;width:40px;height:40px;background:#fff0f4;color:#d92b50;border-radius:12px;margin-bottom:4px}.qr-expired strong{font-size:14px;color:#28364d}.qr-expired p{font-size:11px;color:#718096}.qr-expired button{border:0;border-radius:9px;background:#dc244a;color:#fff;padding:11px 17px;font-size:12px;font-weight:650;margin-top:6px;min-height:42px}.qr-expired button span{margin-left:10px}.login-error{background:#fff4f4;color:#ae3049;border:1px solid #f5dfe3;border-radius:10px;padding:12px;font-size:12px;margin-top:16px;line-height:1.6}.page-footer{width:calc(100% - 100px);max-width:1304px;margin:25px auto 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#8992a0;font-size:11px}.page-footer>span:last-child{display:flex;gap:7px;align-items:center}
@media(min-width:1500px){.login-layout{margin-top:30px}.page-header{height:126px}.login-panel{padding:52px}.scan-layout{gap:35px}.login-story{padding:48px}.workspace-art{height:263px}}
@media(max-width:1200px){.login-layout{width:calc(100% - 64px);grid-template-columns:39% 61%;min-height:620px}.page-header{padding:0 32px;height:90px}.login-story{padding:36px 27px 25px}.login-story h1{font-size:35px}.login-panel{padding:36px 28px}.scan-layout{gap:18px;grid-template-columns:220px minmax(0,1fr)}.qr-container{height:220px;width:220px}.story-footer{gap:14px;font-size:10px}.art-services>span{font-size:5px;padding:8px 3px}.workspace-content{padding:12px}.art-balance b{font-size:10px}.art-connected{right:-8px}.page-footer{width:calc(100% - 64px)}}
@media(max-width:980px){.login-layout{grid-template-columns:36% 64%}.login-story{padding:32px 22px}.login-story h1{font-size:30px;letter-spacing:-1px}.story-copy>p{font-size:13px}.login-eyebrow{font-size:8px;letter-spacing:1px}.workspace-art{height:230px;margin-top:40px}.workspace-sidebar{display:none}.workspace-body{display:block}.story-footer{flex-direction:column;gap:10px}.scan-layout{grid-template-columns:210px minmax(0,1fr);gap:16px}.qr-container{width:210px;height:210px}.login-panel{padding:32px 24px}.login-panel h2{font-size:28px}.steps-column h3{font-size:12px}.desktop-login-steps strong{font-size:11px}.desktop-login-steps p{font-size:10px}.desktop-login-steps{gap:21px}.desktop-login-steps li{gap:7px}.security-time{display:none}}
@media(max-width:760px){.page-header{height:82px;padding:0 24px}.header-label{display:none}.header-security{font-size:11px}.login-brand>span{font-size:24px}.login-brand img{width:36px;height:36px}.login-layout{display:block;width:calc(100% - 32px);min-height:auto;margin:0 auto;border-radius:22px}.login-story{display:none}.login-panel{padding:30px 25px}.login-panel-heading{text-align:center}.login-panel h2{font-size:27px}.login-subtitle{font-size:13px}.scan-layout{grid-template-columns:1fr;gap:28px;margin:26px 0}.qr-column{width:246px;margin:auto}.qr-container{width:246px;height:246px}.steps-column{max-width:280px;width:100%;margin:auto}.steps-column h3{font-size:13px}.desktop-login-steps strong{font-size:12px}.desktop-login-steps p{font-size:11px}.desktop-login-steps{gap:20px}.desktop-login-steps li{gap:13px}.desktop-login-security{padding:12px;gap:9px}.desktop-login-security p{font-size:10px}.desktop-login-footnote{font-size:9px}.page-footer{width:calc(100% - 48px);font-size:10px;flex-wrap:wrap;justify-content:center;margin-top:20px}.page-footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.qr-spinner{animation:none}}