.pc-auth{background:var(--surface-0);color:var(--text);min-height:100vh;min-height:100dvh;overflow-x:hidden;font-family:var(--pc-font)}.pc-auth *,.pc-auth *:before,.pc-auth *:after{box-sizing:border-box}.pc-auth img{display:block;max-width:100%}.pc-auth a{color:inherit}.auth-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.16fr);min-height:100vh;min-height:100dvh}.auth-aside,.auth-main{min-width:0}.auth-aside{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(34px,4.5vw,64px);overflow:hidden}.auth-aside:after{content:"";position:absolute;width:460px;height:460px;right:-150px;bottom:-180px;border-radius:50%;background:var(--brand-grad-soft);filter:blur(8px);pointer-events:none}.aside-top{position:relative;z-index:1}.aside-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.aside-brand img{height:46px;width:auto}.aside-brand .wm{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--text-strong);white-space:nowrap}.aside-mid{position:relative;z-index:1;max-width:420px}.aside-line{font-size:clamp(25px,2.7vw,34px);font-weight:800;line-height:1.12;letter-spacing:-.022em;color:var(--text-strong);text-wrap:balance;margin:0}.aside-line .grad{background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.aside-quote{margin-top:28px;padding-top:26px;border-top:1px solid var(--border);max-width:380px}.aside-quote p{font-size:var(--fs-ui-lg);line-height:1.6;color:var(--text-muted);font-weight:500;text-wrap:pretty;margin:0}.aside-quote .who{margin-top:14px;display:flex;align-items:center;gap:12px}.aside-quote .av{width:36px;height:36px;border-radius:50%;background:var(--brand-grad);color:var(--on-brand);display:grid;place-items:center;font-weight:800;font-size:13px;flex-shrink:0}.aside-quote .nm{font-size:var(--fs-ui-sm);font-weight:700;color:var(--text-strong);line-height:1.3;white-space:nowrap}.aside-quote .rl{font-size:var(--fs-meta);color:var(--text-faint);white-space:nowrap}.aside-foot{position:relative;z-index:1;display:flex;align-items:center;gap:8px;font-size:var(--fs-meta);color:var(--text-faint);white-space:nowrap}.aside-foot .dot{width:4px;height:4px;border-radius:999px;background:var(--text-faint)}.auth-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(28px,4vw,56px) clamp(20px,4vw,56px);background:radial-gradient(120% 80% at 50% -10%,color-mix(in srgb,var(--brand) 5%,transparent),transparent 60%),var(--surface-0)}.auth-stack{width:100%;max-width:432px}.auth-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:clamp(26px,3vw,38px);transform:translateY(14px);transition:transform .6s cubic-bezier(.22,1,.36,1)}.auth-card.in{transform:none}.card-head{margin-bottom:22px}.card-mark{display:none;margin-bottom:16px}.card-mark img{height:42px;width:auto}.card-head h1{font-size:clamp(24px,3vw,29px);font-weight:800;letter-spacing:-.022em;color:var(--text-strong);line-height:1.1;margin:0}.card-head p{margin:8px 0 0;font-size:15px;line-height:1.5;color:var(--text-muted);font-weight:500;text-wrap:pretty}.method-toggle{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;background:var(--surface-sunk);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:20px}.method-toggle button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:calc(var(--r-md) - 4px);font-size:var(--fs-body);font-weight:600;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:color .14s,background .14s,box-shadow .14s;font-family:var(--pc-font)}.method-toggle button[aria-pressed=true]{background:var(--surface-1);color:var(--brand-ink);box-shadow:var(--shadow-sm);font-family:var(--pc-mono);font-size:var(--fs-eyebrow);letter-spacing:.12em;text-transform:uppercase}.field{margin-bottom:16px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;font-size:var(--fs-meta);font-weight:600;color:var(--text);margin-bottom:8px;letter-spacing:-.005em}.field label .opt{color:var(--text-faint);font-weight:500}.auth-input,.select-wrap select{width:100%;font-family:var(--pc-font);font-size:var(--fs-title);font-weight:500;color:var(--text-strong);background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:12px 14px;transition:border-color .14s,box-shadow .14s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.auth-input{height:2.5rem}.auth-input::placeholder{color:var(--text-faint);font-weight:500}.auth-input:hover,.select-wrap select:hover{border-color:var(--text-faint)}.auth-input:focus,.select-wrap select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--ring)}.auth-input.has-error{border-color:var(--error)}.auth-input.has-error:focus{box-shadow:0 0 0 3px var(--error-soft)}.input-affix{display:flex;align-items:center;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-1);transition:border-color .14s,box-shadow .14s;overflow:hidden}.input-affix:focus-within{border-color:var(--border-focus);box-shadow:var(--ring)}.input-affix.has-error{border-color:var(--error)}.input-affix .pre{padding:0 4px 0 14px;font-size:15px;font-weight:600;color:var(--text-muted);font-family:var(--pc-mono);white-space:nowrap}.input-affix .auth-input{border:none;box-shadow:none!important;padding-left:8px}.select-wrap{position:relative}.select-wrap:after{content:"";position:absolute;right:15px;top:50%;width:9px;height:9px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:translateY(-65%) rotate(45deg);pointer-events:none}.select-wrap select{padding-right:38px;cursor:pointer}.select-wrap select:invalid{color:var(--text-faint);font-weight:500}.select-wrap select.has-error{border-color:var(--error)}.helper{display:flex;align-items:flex-start;gap:8px;margin-top:10px;font-size:13px;line-height:1.45;color:var(--text-muted)}.helper svg{flex-shrink:0;margin-top:1px;color:var(--text-faint)}.field-error{display:flex;align-items:flex-start;gap:6px;margin-top:8px;font-size:var(--fs-meta);line-height:1.4;color:var(--error);font-weight:500}.field-error svg{flex-shrink:0;margin-top:1px}.notice{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 26%,transparent);margin-bottom:18px}.notice .ico{color:var(--warning);flex-shrink:0;margin-top:1px}.notice .tx{font-size:var(--fs-ui-sm);line-height:1.5;color:var(--text)}.notice .tx b{color:var(--text-strong);font-weight:700}.notice a,.notice .linkbtn-inline{color:var(--brand-ink);font-weight:700;text-decoration:none;background:none;border:none;padding:0;font-size:inherit;cursor:pointer;font-family:inherit}.notice a:hover,.notice .linkbtn-inline:hover{text-decoration:underline}.notice-success{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 26%,transparent)}.notice-success .ico{color:var(--success)}.pc-auth .auth-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:2.5rem;font-family:var(--pc-font);font-weight:700;font-size:var(--fs-ui-lg);padding:0 22px;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;transition:transform .14s ease,box-shadow .16s ease,filter .16s ease,background .16s,border-color .16s;white-space:nowrap;text-shadow:0 .5px rgba(255,255,255,.15);text-decoration:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.pc-auth .auth-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.pc-auth .auth-btn:active{translate:0 .5px}.pc-auth .auth-btn-primary{background:var(--brand-grad);color:var(--on-brand);box-shadow:var(--shadow-brand)}.pc-auth .auth-btn-primary:hover{transform:translateY(-2px);filter:brightness(1.04)}.pc-auth .auth-btn-primary:active{transform:translateY(0)}.pc-auth .auth-btn-primary:disabled{opacity:.55;cursor:default;transform:none;filter:none;box-shadow:none}.pc-auth .auth-btn .spin{width:17px;height:17px;border-radius:50%;border:2.4px solid rgba(255,255,255,.4);border-top-color:var(--on-brand);animation:authspin .7s linear infinite}@keyframes authspin{to{transform:rotate(360deg)}}.below-card{margin:20px 0 0;text-align:center;font-size:var(--fs-ui);color:var(--text-muted)}.below-card a{color:var(--brand-ink);font-weight:700;text-decoration:none}.below-card a:hover{text-decoration:underline}.agree{display:flex;gap:12px;align-items:flex-start;margin:4px 0 22px;cursor:pointer}.agree input{position:absolute;opacity:0;width:0;height:0}.agree .box{width:20px;height:20px;flex-shrink:0;margin-top:1px;border:1.6px solid var(--border-strong);border-radius:6px;background:var(--surface-1);display:grid;place-items:center;transition:background .14s,border-color .14s}.agree .box svg{color:var(--on-brand);opacity:0;transform:scale(.6);transition:opacity .14s,transform .14s}.agree input:checked+.box{background:var(--brand);border-color:var(--brand)}.agree input:checked+.box svg{opacity:1;transform:scale(1)}.agree input:focus-visible+.box{box-shadow:var(--ring)}.agree .tx{font-size:var(--fs-ui-sm);line-height:1.5;color:var(--text-muted)}.agree .tx a{color:var(--brand-ink);font-weight:700;text-decoration:none}.agree .tx a:hover{text-decoration:underline}.group{margin-bottom:8px}.group+.group{margin-top:22px}.group-label{font-family:var(--pc-mono);font-size:var(--fs-label);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:12px;display:flex;align-items:center;gap:8px}.group-label:after{content:"";flex:1;height:1px;background:var(--border)}.otp-to{display:inline-flex;align-items:center;gap:8px;font-family:var(--pc-mono);font-size:13px;color:var(--text-strong);font-weight:500;background:var(--surface-sunk);border:1px solid var(--border);border-radius:var(--r-pill);padding:6px 14px 6px 12px;margin-top:4px}.otp-to svg{color:var(--brand)}.otp-cells{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:22px 0 4px}.otp-cells.sep{grid-template-columns:repeat(3,1fr) 14px repeat(3,1fr)}.otp-cells .gap{display:grid;place-items:center;color:var(--text-faint);font-weight:700}.otp-cell{width:100%;aspect-ratio:1 / 1.18;text-align:center;font-family:var(--pc-mono);font-size:clamp(22px,5vw,27px);font-weight:600;color:var(--text-strong);background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--r-md);transition:border-color .12s,box-shadow .12s,background .12s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.otp-cell:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--ring)}.otp-cell.filled{border-color:color-mix(in srgb,var(--brand) 55%,var(--border-strong));background:var(--brand-soft)}.otp-cells.error .otp-cell{border-color:var(--error);background:var(--error-soft)}.otp-cells.error .otp-cell:focus{box-shadow:0 0 0 3px var(--error-soft)}.otp-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;flex-wrap:wrap}.linkbtn{background:none;border:none;padding:0;font-family:var(--pc-font);font-size:var(--fs-body);font-weight:600;color:var(--brand-ink);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.linkbtn:hover{text-decoration:underline}.linkbtn:disabled{color:var(--text-faint);cursor:default;text-decoration:none}.linkbtn.quiet{color:var(--text-muted)}.countdown{font-family:var(--pc-mono);font-size:13px;color:var(--text-faint);font-variant-numeric:tabular-nums}.confirm{text-align:center}.confirm-orb{width:78px;height:78px;margin:0 auto 22px;border-radius:50%;background:var(--brand-grad);display:grid;place-items:center;color:var(--on-brand);box-shadow:var(--shadow-brand);position:relative}.confirm-orb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--brand);animation:orbPulse 2.8s ease-out infinite}@keyframes orbPulse{0%{transform:scale(.78);opacity:.5}to{transform:scale(1.55);opacity:0}}.confirm h1{font-size:clamp(24px,3vw,29px);font-weight:800;letter-spacing:-.022em;color:var(--text-strong);margin:0}.confirm p{margin:10px auto 0;max-width:330px;font-size:15px;line-height:1.55;color:var(--text-muted);font-weight:500;text-wrap:pretty}.confirm-to{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-family:var(--pc-mono);font-size:13px;font-weight:500;color:var(--text-strong);background:var(--surface-sunk);border:1px solid var(--border);border-radius:var(--r-pill);padding:6px 14px}.confirm-to svg{color:var(--brand)}.confirm-actions{margin-top:26px;padding-top:22px;border-top:1px solid var(--border)}.main-top{display:none;width:100%;max-width:432px;margin-bottom:22px;align-items:center;justify-content:space-between}.main-top .aside-brand img{height:38px}.backlink{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-ui-sm);font-weight:600;color:var(--text-muted);text-decoration:none}.backlink:hover{color:var(--text-strong)}@media (prefers-reduced-motion: reduce){.auth-card{transform:none!important;transition:none!important}.confirm-orb:after{animation:none}}@media (max-width: 920px){.auth-page{grid-template-columns:1fr}.auth-aside{display:none}.auth-main{min-height:100vh;min-height:100dvh;justify-content:flex-start;padding-top:clamp(30px,8vw,56px)}.main-top{display:flex}.card-mark{display:block}}@media (max-width: 560px){.auth-card{padding:24px 20px}.field-row{grid-template-columns:1fr;gap:0}.field-row .field{margin-bottom:16px}.otp-cells{gap:6px}.otp-cells.sep{grid-template-columns:repeat(3,1fr) 8px repeat(3,1fr)}}