@layer components{.auth{background:var(--lp-bg-2);grid-template-columns:1fr;min-height:100dvh;display:grid}@media (min-width:1024px){.auth{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}.auth-brand{border-right:1px solid var(--lp-line);background:radial-gradient(900px 600px at -10% -10%,#1c61e529,#0000 60%),radial-gradient(600px 500px at 110% 0,#0ab34d1f,#0000 60%),radial-gradient(500px 500px at 60% 120%,#f0273a14,#0000 60%),#fff;padding:48px;display:none;position:relative;overflow:clip}@media (min-width:1024px){.auth-brand{flex-direction:column;justify-content:space-between;display:flex}}@media (min-width:1536px){.auth-brand{padding:64px}}.auth-brand-h{letter-spacing:-.035em;max-width:14ch;font-size:clamp(34px,2.2vw + 12px,52px);font-weight:700;line-height:1.04}.auth-brand-point{align-items:flex-start;gap:14px;display:flex}.auth-brand-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.auth-stat{border:1px solid var(--lp-line);box-shadow:var(--lp-shadow-sm);background:#fff;border-radius:16px;flex-direction:column;gap:2px;padding:14px 16px;display:inline-flex}.auth-side{flex-direction:column;justify-content:center;align-items:center;padding:28px 16px 40px;display:flex;position:relative}@media (min-width:640px){.auth-side{padding:40px 24px 56px}}.auth-card{border:1px solid var(--lp-line);width:100%;max-width:440px;box-shadow:var(--lp-shadow-md);background:#fff;border-radius:24px;padding:28px 22px;position:relative}@media (min-width:640px){.auth-card{padding:36px 36px 32px}}.auth-title{letter-spacing:-.03em;font-size:26px;font-weight:700;line-height:1.1}@media (min-width:640px){.auth-title{font-size:28px}}.auth-sub{color:var(--lp-muted);margin-top:6px;font-size:14px;line-height:1.5}.auth-label{color:var(--lp-fg);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.auth-input-wrap{align-items:stretch;display:flex;position:relative}.auth-input{border:1px solid var(--lp-line-2);width:100%;min-width:0;height:48px;color:var(--lp-fg);background:#fff;border-radius:13px;outline:none;flex:auto;padding:0 14px 0 42px;font-size:15px;transition:border-color .18s,box-shadow .18s,background .18s}.auth-input::placeholder{color:#a3adbf}.auth-input:hover{border-color:#c5cfe0}.auth-input:focus{border-color:var(--lp-blue);box-shadow:0 0 0 4px #1c61e524}.auth-input:disabled{background:var(--lp-bg-2);color:var(--lp-muted)}.auth-input.is-invalid{border-color:var(--lp-red);box-shadow:0 0 0 4px #f0273a1a}.auth-input.no-icon{padding-left:14px}.auth-input-icon{color:#8a94a8;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-input-wrap:focus-within .auth-input-icon{color:var(--lp-blue)}.auth-input-action{color:#8a94a8;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.auth-input-action:hover{background:var(--lp-bg-2);color:var(--lp-fg)}.auth-prefix{border:1px solid var(--lp-line-2);background:var(--lp-bg-2);height:48px;color:var(--lp-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:13px;align-items:center;gap:6px;margin-right:8px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.auth-otp{text-align:center;height:58px;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.5em;text-indent:.5em;padding:0;font-size:26px;font-weight:600}.auth-otp::placeholder{letter-spacing:.35em;color:#c9d0dc;font-weight:400}.auth-hint{color:var(--lp-subtle);margin-top:6px;font-size:12px;line-height:1.45}.auth-meter{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px;display:grid}.auth-meter span{background:var(--lp-line);border-radius:999px;height:4px;transition:background .2s}.auth-notice{border-radius:12px;align-items:flex-start;gap:10px;padding:11px 13px;font-size:13.5px;line-height:1.45;display:flex}.auth-notice-error{background:var(--lp-red-soft);color:#b3122a;border:1px solid #f0273a2e}.auth-notice-ok{background:var(--lp-green-soft);color:#0a7a37;border:1px solid #0ab34d33}.auth-notice-info{background:var(--lp-blue-soft);color:var(--lp-blue-strong);border:1px solid #1c61e529}.auth-submit{width:100%;height:50px;font-size:15.5px}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-link{color:var(--lp-blue);font-weight:600;transition:color .15s}.auth-link:hover{color:var(--lp-blue-strong);text-underline-offset:3px;text-decoration:underline}.auth-quiet{color:var(--lp-subtle);font-size:13px;transition:color .15s}.auth-quiet:hover{color:var(--lp-fg)}.auth-divider{color:var(--lp-subtle);white-space:nowrap;align-items:center;gap:12px;margin:22px 0;font-size:12px;font-weight:500;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--lp-line);flex:1;height:1px}.auth-seg{background:var(--lp-bg-2);border:1px solid var(--lp-line);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-seg button{height:38px;color:var(--lp-muted);border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:13.5px;font-weight:600;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.auth-seg button[aria-selected=true]{color:var(--lp-fg);box-shadow:var(--lp-shadow-sm);background:#fff}.auth-glyph{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:inline-flex}.auth-check{border:1.5px solid var(--lp-line-2);width:18px;height:18px;accent-color:var(--lp-blue);border-radius:6px;flex-shrink:0;margin-top:2px}.auth-spin{border:2px solid #ffffff73;border-top-color:#fff;border-radius:999px;width:18px;height:18px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-input,.auth-seg button,.auth-meter span{transition:none}}}