.auth{--bg:#0a0a0b;--ink:#f2f3f4;--ink2:#a6acb4;--ink3:#767d86;--warm:#c99a63;--line:#26292d;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;--serif:ui-serif,Georgia,"Times New Roman",serif;background:var(--bg);min-height:100svh;color:var(--ink);font-family:var(--sans);grid-template-columns:53fr 47fr;display:grid}.auth .art{flex-direction:column;justify-content:space-between;min-height:100svh;padding:38px 44px;display:flex;position:relative;overflow:hidden}.auth .art img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.auth .art:after{content:"";z-index:1;background:linear-gradient(#0a0a0b9e 0%,#0a0a0b2e 38%,#0a0a0bb8 100%);position:absolute;inset:0}.auth .art>*{z-index:2;position:relative}.auth .wordmark{letter-spacing:.24em;color:#fff;align-items:center;gap:13px;font-size:14px;font-weight:500;display:flex}.auth .wordmark .g{width:29px;height:29px;font-family:var(--serif);letter-spacing:0;background:#ffffff12;border:1px solid #ffffff3d;border-radius:8px;place-items:center;font-size:15px;display:grid}.auth .welcome{border-left:2px solid var(--warm);max-width:34ch;padding-left:20px}.auth .welcome h2{letter-spacing:-.025em;color:#fff;margin:0 0 14px;font-size:clamp(30px,3.4vw,46px);font-weight:600;line-height:1.08}.auth .welcome p{color:#c2c7cd;margin:0;font-size:14.5px;line-height:1.65}.auth .legal{color:#8b9198;font-size:12px}.auth .side{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex;position:relative;overflow:hidden}.auth .authcard{flex-direction:column;align-items:center;width:100%;max-width:472px;display:flex;position:relative}.auth .cardmark{letter-spacing:.24em;color:#fff;justify-content:center;align-items:center;gap:12px;margin-bottom:22px;font-size:13.5px;font-weight:500;display:flex}.auth .cardmark .g{width:27px;height:27px;font-family:var(--serif);letter-spacing:0;background:#ffffff12;border:1px solid #ffffff38;border-radius:7px;place-items:center;font-size:14px;display:grid}.auth .secure{color:var(--ink3);text-align:center;justify-content:center;align-items:center;gap:8px;max-width:42ch;margin-top:22px;font-size:12px;line-height:1.5;display:flex}.auth .secure svg{stroke:currentColor;fill:none;stroke-width:1.7px;flex:none;width:14px;height:14px}@media (max-width:900px){.auth{grid-template-columns:1fr}.auth .art{min-height:240px;padding:22px 20px}.auth .art:after{background:linear-gradient(#0a0a0b73 0%,#0a0a0b8c 50%,#0a0a0beb 100%)}.auth .welcome h2{font-size:28px}.auth .legal{display:none}.auth .side{padding:28px 16px 44px}}