.auth{flex-direction:column;min-height:100dvh;display:flex}.auth .auth-wrap{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:0;width:100%;max-width:1200px;margin:0 auto;padding:0 28px;display:grid}.auth .pitch{padding:40px 48px 40px 0}.auth .pitch .wordmark{font-size:var(--fs-h1);margin-bottom:34px;text-decoration:none;display:inline-flex}.auth .pitch h1{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(26px,3.4vw,38px);font-weight:200;line-height:1.12}.auth .pitch h1 b{font-weight:700}.auth .pitch .lead{font-size:var(--fs-body);color:var(--color-ink-2);max-width:44ch;margin-top:16px;line-height:1.6}.auth .pl{flex-direction:column;gap:12px;margin-top:26px;display:flex}.auth .pl>div{font-size:var(--fs-body);color:var(--color-ink-2);align-items:flex-start;gap:11px;display:flex}.auth .pl .ic{width:24px;height:24px;color:var(--color-green-deep);background:#57df792e;border-radius:8px;flex:none;place-items:center;margin-top:1px;display:grid}.auth .pl b{color:var(--color-ink);font-weight:650}.auth .box{border:1px solid var(--color-glass-line);background:#fff;border-radius:24px;justify-self:end;width:100%;max-width:420px;padding:32px 34px;box-shadow:0 20px 60px #0b1b211a}.auth .pane{display:none}.auth .pane.on{animation:pop-in .2s var(--ease-brand);display:block}.auth .box h2{font-size:var(--fs-h2);letter-spacing:-.02em;font-weight:750}.auth .box .sub{font-size:var(--fs-sm);color:var(--color-ink-2);margin:7px 0 20px;line-height:1.5}.auth .oauth{width:100%;font-size:var(--fs-body);color:var(--color-ink);cursor:pointer;background:#fff;border:1px solid #0b1b2124;border-radius:13px;justify-content:center;align-items:center;gap:10px;padding:12px;font-weight:650;text-decoration:none;transition:all .15s;display:flex}.auth .oauth:disabled,.auth .oauth[aria-disabled=true]{opacity:.55;cursor:not-allowed}.auth .oauth:hover{border-color:var(--color-ink-3);box-shadow:0 4px 14px #0b1b2114}.auth .or{font-size:var(--fs-xs);color:var(--color-ink-3);align-items:center;gap:12px;margin:18px 0;display:flex}.auth .or:before,.auth .or:after{content:"";background:var(--color-line);flex:1;height:1px}.auth .box .btn-pri{width:100%;margin-top:6px}.auth .fine{font-size:var(--fs-xs);color:var(--color-ink-3);text-align:center;margin-top:16px;line-height:1.5}.auth .fine a{color:var(--color-cyan-deep);font-weight:600;text-decoration:none}.auth .row-between{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.auth .row-between .lb{margin:0}.auth .row-between a,.auth .row-between button{font-size:var(--fs-xs);color:var(--color-cyan-deep);font-weight:600;text-decoration:none}.auth .alt{width:100%;font-size:var(--fs-sm);color:var(--color-ink-2);text-align:center;cursor:pointer;background:#0b1b210d;border-radius:13px;margin-top:10px;padding:11px;font-weight:650;text-decoration:none;display:block}.auth .alt:hover{color:var(--color-ink);background:#0b1b2117}.auth .sent{text-align:center;padding:8px 0}.auth .sent .ic{width:56px;height:56px;color:var(--color-green-deep);background:#57df792e;border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.auth .sent h2{font-size:var(--fs-h2)}.auth .sent p{font-size:var(--fs-body);color:var(--color-ink-2);margin-top:10px;line-height:1.55}.auth .sent .addr{color:var(--color-ink);font-weight:700}.auth .sent .again{font-size:var(--fs-sm);color:var(--color-ink-3);margin-top:18px}.auth .sent .again button{color:var(--color-cyan-deep);font-weight:650;font-size:var(--fs-sm)}.auth .sent .again button[disabled]{color:var(--color-ink-3);cursor:default;font-weight:600}.auth .same{text-align:left;background:#00caee12;border:1px solid #00caee2e;border-radius:13px;align-items:flex-start;gap:10px;margin-top:18px;padding:12px 14px;display:flex}.auth .same .icon{width:15px;height:15px;color:var(--color-cyan-deep);flex:none;margin-top:2px}.auth .same p{font-size:var(--fs-xs);color:var(--color-ink-2);margin:0;line-height:1.5}.auth .back{font-size:var(--fs-sm);color:var(--color-ink-3);cursor:pointer;align-items:center;gap:7px;margin-top:18px;font-weight:600;text-decoration:none;display:inline-flex}.auth .back:hover{color:var(--color-ink)}.auth .ctx{background:#57df791c;border:1px solid #57df794d;border-radius:13px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;display:flex}.auth .ctx .icon{width:15px;height:15px;color:var(--color-green-deep);flex:none;margin-top:2px}.auth .ctx p{font-size:var(--fs-sm);color:var(--color-ink-2);line-height:1.5}.auth .ctx b{color:var(--color-ink);font-weight:700}.auth .mid{flex:1;place-items:center;padding:28px 16px 120px;display:grid}.auth .mid .box{text-align:center;justify-self:center;max-width:440px;padding:34px 34px 30px}.auth .mid .wordmark{font-size:var(--fs-h2);margin-bottom:26px;text-decoration:none;display:inline-flex}.auth .mid .ic{border-radius:50%;place-items:center;width:60px;height:60px;margin:0 auto 18px;display:grid}.auth .ic.ok{color:var(--color-green-deep);background:#57df792e}.auth .ic.warn{color:#b45309;background:#ffb74d33}.auth .ic.wait{color:var(--color-cyan-deep);background:#00caee24}.auth .mid h1{font-size:var(--fs-h2);letter-spacing:-.02em;font-weight:750}.auth .txt{font-size:var(--fs-body);color:var(--color-ink-2);margin-top:11px;line-height:1.6}.auth .txt b{color:var(--color-ink);font-weight:700}.auth .txt a,.auth .chk a{color:var(--color-cyan-deep);font-weight:600}.auth .mid .btn-pri{width:100%;margin-top:20px}.auth .sp{border:3px solid #00caee33;border-top-color:var(--color-cyan-deep);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth .sp{animation-duration:2.4s}}.auth .form{text-align:left;margin-top:20px}.auth .reqs{gap:6px;margin-top:10px;display:grid}.auth .reqs>div{font-size:var(--fs-xs);color:var(--color-ink-3);align-items:center;gap:8px;display:flex}.auth .reqs>div.on{color:var(--color-green-deep);font-weight:600}.auth .reqs .d{background:#0b1b2114;border-radius:50%;flex:none;place-items:center;width:14px;height:14px;display:grid}.auth .reqs>div.on .d{background:#57df7940}.auth .reqs .icon{width:9px;height:9px}@media (max-width:900px){.auth .auth-wrap{grid-template-columns:1fr;align-content:start;padding:0 16px}.auth .pitch{padding:26px 0 6px}.auth .pitch .lead,.auth .pl{display:none}.auth .pitch .wordmark{margin-bottom:20px}.auth .box{justify-self:stretch;max-width:none;margin-bottom:120px}}.auth .auth-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:34px;display:flex}.auth .auth-top .wordmark{margin-bottom:0}@media (max-width:900px){.auth .auth-top{margin-bottom:20px}.auth .auth-back{padding:0 10px}}.auth .auth-back{min-height:44px;font-size:var(--fs-sm);color:var(--color-ink-2);white-space:nowrap;border-radius:12px;align-items:center;padding:0 14px;font-weight:600;text-decoration:none;display:inline-flex}.auth .auth-back:hover{color:var(--color-ink);background:#0b1b210d}