.xz-auth{min-height:100svh;color:var(--xz-ink);background:#f6f7fb;flex-direction:column;display:flex;overflow-x:hidden}.xz-auth-header{justify-content:space-between;align-items:center;gap:16px;width:min(100%,1540px);min-height:72px;margin:0 auto;padding:12px clamp(20px,3.5vw,56px);display:flex}.xz-auth-header>a{min-width:0;color:inherit;white-space:nowrap;text-decoration:none}.xz-auth-header>a:focus-visible{border-radius:10px}.xz-auth-header .xz-brand-name{letter-spacing:-.035em;font-size:22px}.xz-auth-language{flex:none}.xz-auth-layout{flex:1;grid-template-columns:minmax(0,1.18fr) minmax(400px,.82fr);align-items:stretch;gap:clamp(24px,3.4vw,56px);width:min(100%,1540px);min-height:0;margin:0 auto;padding:12px clamp(20px,3.5vw,56px) 28px;display:grid}.xz-auth-story{background:var(--xz-accent);color:#fff;border-radius:24px;grid-template-rows:minmax(205px,.68fr) minmax(320px,1.32fr);min-height:min(760px,100svh - 112px);display:grid;overflow:hidden;box-shadow:0 20px 55px #2147ff21}.xz-auth-artwork{background:#fff16a;grid-row:2;min-width:0;min-height:0;position:relative;overflow:hidden}.xz-auth-artwork img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.xz-auth-story-copy{flex-direction:column;grid-row:1;justify-content:center;align-items:flex-start;padding:clamp(32px,4vw,60px);display:flex}.xz-auth-story h1{letter-spacing:-.065em;text-wrap:balance;max-width:none;margin:0;font-size:clamp(42px,4.4vw,68px);font-weight:690;line-height:.96}html[lang=ko] .xz-auth-story h1,html[lang=ko] .xz-auth-card h2{word-break:keep-all}html[lang=ja] .xz-auth-story h1,html[lang=ja] .xz-auth-card h2{word-break:auto-phrase}html[lang=ko] .xz-auth-card h2,html[lang=ja] .xz-auth-card h2{letter-spacing:-.02em}html[lang=ko] .xz-auth-eyebrow,html[lang=ja] .xz-auth-eyebrow{letter-spacing:0;text-transform:none;font-size:12px}.xz-auth-story p{color:#ffffffd1;max-width:45ch;margin:18px 0 0;font-size:clamp(13px,1vw,15px);line-height:1.6}.xz-auth-panel{place-items:center;min-width:0;padding:clamp(20px,4vw,54px) 0;display:grid}.xz-auth-card{border:1px solid var(--xz-line);background:var(--xz-surface);border-radius:20px;width:min(430px,100%);padding:clamp(28px,3.5vw,42px);box-shadow:0 20px 56px #15182412}.xz-auth-eyebrow{color:var(--xz-accent-dark);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:760;line-height:1.3;display:block}.xz-auth-card h2{max-width:13ch;color:var(--xz-ink);letter-spacing:-.055em;text-wrap:balance;margin:9px 0 13px;font-size:clamp(32px,3vw,42px);font-weight:680;line-height:1.03}.xz-auth-card>p{color:var(--xz-muted);margin:0;font-size:14px;line-height:1.58}.xz-auth-card .xz-auth-signin-title{letter-spacing:-.045em;white-space:nowrap;max-width:none;margin-top:0;font-size:clamp(28px,3vw,38px)}.xz-auth-card>p strong{color:var(--xz-ink);overflow-wrap:anywhere}.xz-auth-card form{margin-top:28px}.xz-auth-card form>label{color:var(--xz-ink);margin-bottom:16px;font-size:12px;font-weight:650;line-height:1.35;display:block}.xz-auth-card form>label>span{color:var(--xz-muted);margin-left:5px;font-weight:430}.xz-auth-card form>label>div{border:1px solid var(--xz-line);min-height:52px;transition:border-color .15s var(--xz-ease), box-shadow .15s var(--xz-ease);background:#fbfcff;border-radius:9px;align-items:center;margin-top:8px;padding:0 14px;display:flex}.xz-auth-card form>label>div:focus-within{border-color:var(--xz-accent);box-shadow:0 0 0 3px #2147ff1f}.xz-auth-card form svg{width:17px;height:17px;color:var(--xz-muted);flex:none}.xz-auth-card input,.xz-auth-card select{width:100%;min-width:0;color:var(--xz-ink);background:0 0;border:0;outline:0;padding:0 9px;font-size:15px}.xz-auth-card input::placeholder{color:color-mix(in srgb, var(--xz-muted) 68%, transparent)}.xz-auth-card input:disabled,.xz-auth-card select:disabled{cursor:wait}.xz-auth-card .xz-ui-button{justify-content:space-between;width:100%;min-height:52px;margin-top:3px}.xz-auth-card>.xz-ui-button{margin-top:24px}.xz-auth-card>.xz-auth-back{min-height:40px;color:var(--xz-muted);background:0 0;border:0;align-items:center;gap:7px;margin:0 0 24px;padding:0;font-size:12px;font-weight:620;display:inline-flex}.xz-auth-back svg{width:15px;height:15px}.xz-auth-link-help{border-block:1px solid var(--xz-line);gap:10px;margin-top:22px;padding:15px 0;display:grid}.xz-auth-link-help p{color:var(--xz-muted);margin:0;font-size:12px;line-height:1.55}.xz-auth-link-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid;margin-top:20px!important}.xz-auth-link-actions .xz-ui-button{text-align:center;justify-content:center;min-width:0;min-height:48px;margin:0;padding:10px 13px}.xz-auth-link-actions .xz-ui-button.is-quiet{color:var(--xz-muted);background:#fff}.xz-preview-links{border-top:1px solid var(--xz-line);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:30px;padding-top:18px;font-size:11px;line-height:1.4;display:flex}.xz-preview-links span{color:var(--xz-muted);flex-basis:100%}.xz-preview-links a{min-height:var(--xz-touch,44px);color:var(--xz-accent-dark);align-items:center;font-size:13px;font-weight:650;display:inline-flex}.xz-auth-terms{border-top:1px solid var(--xz-line);padding-top:18px;color:var(--xz-muted)!important;margin-top:22px!important;font-size:11px!important;line-height:1.55!important}.xz-auth-terms a{color:var(--xz-ink)}.xz-qr{border:1px solid var(--xz-line);background:#fbfcff;border-radius:10px;align-items:center;gap:14px;margin-top:20px;padding:12px;display:flex}.xz-qr img{flex:none;width:112px;height:112px}.xz-qr p{color:var(--xz-muted);margin:0;font-size:11px;line-height:1.5}.xz-qr p+p{margin-top:8px}.xz-qr code{color:var(--xz-ink);margin-top:2px;font-size:12px;display:block}@media (max-width:980px){.xz-auth-header{min-height:68px;padding:10px clamp(16px,4vw,28px)}.xz-auth-layout{grid-template-columns:minmax(0,1fr);gap:0;width:100%;padding:0}.xz-auth-story{height:auto;min-height:0;box-shadow:none;border-radius:0;grid-template-rows:88px auto}.xz-auth-story-copy{padding:16px clamp(20px,6vw,48px) 13px}.xz-auth-story h1{letter-spacing:-.05em;max-width:none;font-size:clamp(27px,5vw,36px);line-height:1}.xz-auth-story p{display:none}.xz-auth-artwork{background:0 0}.xz-auth-artwork img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;max-height:420px}.xz-auth-panel{padding:32px 20px 42px;display:block}.xz-auth-card{width:min(480px,100%);margin:0 auto}}@media (max-width:480px){.xz-auth-header{gap:8px}.xz-auth-header .xz-brand{gap:7px}.xz-auth-header .xz-brand-symbol{border-radius:8px;width:36px;height:32px}.xz-auth-header .xz-brand-symbol img{width:26px}.xz-auth-header .xz-brand-name{font-size:19px}.xz-auth-panel{padding:26px 16px 32px}.xz-auth-card{border-radius:16px;padding:25px 20px}.xz-auth-card h2{font-size:32px}.xz-auth-card input,.xz-auth-card select{font-size:16px}.xz-auth-link-actions{grid-template-columns:minmax(0,1fr)}.xz-qr{flex-direction:column;align-items:flex-start}}@media (max-width:340px){.xz-auth-header{padding-inline:12px}.xz-auth-header .xz-brand-name{font-size:17px}.xz-auth-panel{padding-inline:12px}.xz-auth-card{padding-inline:16px}}.xz-auth-card form>label.xz-auth-check{align-items:flex-start;gap:10px;font-size:13px;font-weight:500;display:flex}.xz-auth-card .xz-auth-check input{width:18px;height:18px;accent-color:var(--xz-accent);flex:none;margin:0;padding:0}.xz-auth-card .xz-ui-button svg{color:currentColor}
.xz-auth .xz-ui-button{background:var(--xz-ink);min-height:50px;color:var(--xz-surface);transition:background .15s var(--xz-ease), border-color .15s var(--xz-ease), transform .15s var(--xz-ease);border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:650;line-height:1.3;text-decoration:none;display:inline-flex}.xz-auth .xz-ui-button.is-accent{background:var(--xz-accent);color:#fff}.xz-auth .xz-ui-button.is-quiet{color:var(--xz-ink);border-color:var(--xz-line);background:0 0}.xz-auth .xz-ui-button svg{width:16px;height:16px}.xz-auth .xz-ui-button:hover:not(:disabled){transform:translateY(-1px)}.xz-auth .xz-ui-button.is-accent:hover:not(:disabled){background:var(--xz-accent-dark)}.xz-auth .xz-ui-button.is-quiet:hover:not(:disabled){border-color:color-mix(in srgb, var(--xz-ink) 30%, var(--xz-line))}.xz-auth .xz-ui-button:active:not(:disabled){transform:translateY(0)}.xz-auth .xz-spin{animation:.9s linear infinite xz-auth-spin}@keyframes xz-auth-spin{to{transform:rotate(360deg)}}