.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:var(--ink2);margin:0;font-size:14.5px;line-height:1.65}.auth .legal{color:var(--ink3);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}}.auth .triad{border:1px solid var(--line);border-radius:11px;width:100%;max-width:472px;margin-top:22px;display:flex;overflow:hidden}.auth .triad div{border-right:1px solid var(--line);background:#ffffff05;flex-direction:column;flex:1;gap:3px;padding:12px 13px;display:flex}.auth .triad div:last-child{border-right:none}.auth .triad b{color:var(--ink);font-size:11.5px;font-weight:600}.auth .triad small{color:var(--ink3);font-size:10.5px;line-height:1.4}.auth .triad svg{width:13px;height:13px;stroke:var(--warm);fill:none;stroke-width:1.8px;margin-bottom:2px}@media (max-width:900px){.auth .triad{flex-direction:column}.auth .triad div{border-right:none;border-bottom:1px solid var(--line)}.auth .triad div:last-child{border-bottom:none}}