.auth-wrap{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-logo{font-size:var(--fs-xl);color:var(--brand-600);align-items:center;gap:10px;margin-bottom:26px;font-weight:800;display:inline-flex}.auth-logo span{color:var(--ink-900)}.auth-logo img{width:32px;height:32px}.auth-card{width:min(440px,100%);padding:26px 24px 28px}.seg{background:var(--sand-100);border-radius:var(--radius-full);grid-template-columns:1fr 1fr;gap:4px;margin-bottom:22px;padding:4px;display:grid}.seg button{border-radius:var(--radius-full);min-height:42px;font-weight:700;font-size:var(--fs-sm);color:var(--ink-500)}.seg button.on{background:var(--sand-0);color:var(--ink-900);box-shadow:var(--shadow-1)}.auth-step{animation:.25s both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.code-row{justify-content:center;gap:8px;margin:18px 0 22px;display:flex}.code-row input{text-align:center;width:48px;height:58px;font-size:var(--fs-xl);border:1.5px solid var(--sand-200);border-radius:var(--radius-md);background:var(--sand-0);font-weight:700}.code-row input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100);outline:none}.done-glyph{background:var(--green-100);width:84px;height:84px;color:var(--green-600);border-radius:var(--radius-full);justify-content:center;align-items:center;margin:6px auto 18px;font-size:40px;display:flex}.alt{text-align:center;font-size:var(--fs-sm);color:var(--ink-500);margin-top:22px}.alt a{color:var(--brand-600);font-weight:700}