.su{--paper:#fafaf9;--sand:#f3e4d3;--card:#fffdf8;--ink:#1c1917;--ink-2:#44403c;--muted:#78716c;--muted-2:#57534e;--clay:#b8622f;--clay-deep:#9c4f25;--clay-hover:#7d3f1d;--line:#ddd3c4;--hairline:#e5ded2;--panel-rule:#d9b89a;--panel-ink:#6d4a2c;--su-serif:var(--font-newsreader),Georgia,serif;--su-sans:var(--font-inter),Inter,system-ui,sans-serif;background:var(--paper);min-height:100dvh;color:var(--ink)}.su-panel{display:none}.su-main{padding:max(28px,env(safe-area-inset-top))24px max(32px,env(safe-area-inset-bottom))}.su-mobile-bar{min-height:64px;margin:calc(-1*max(28px,env(safe-area-inset-top)))-24px 28px;padding:0 24px;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--hairline);align-items:center;display:flex}.su-form{flex-direction:column;gap:28px;max-width:440px;margin:0 auto;display:flex}.su h1{font-family:var(--su-serif);letter-spacing:-.02em;margin:0;font-size:34px;font-weight:500;line-height:1.12}.su-lead{font-family:var(--su-sans);color:var(--ink-2);margin:12px 0 0;font-size:17px;line-height:1.6}.su-fields{flex-direction:column;gap:20px;display:flex}.su-field{flex-direction:column;display:flex}.su-field label,.su-check{font-family:var(--su-sans);margin:0 0 8px;font-size:15px;font-weight:500}.su-field input[type=email],.su-field input[type=password],.su-field input[type=text]{border:1px solid var(--line);background:var(--card);height:52px;color:var(--ink);font-family:var(--su-sans);border-radius:8px;padding:0 16px;font-size:17px}.su-code{letter-spacing:.32em;font-variant-numeric:tabular-nums;height:60px;padding:0 18px;font-size:26px}.su-password{position:relative}.su-password input{width:100%;padding-right:72px}.su-toggle{width:64px;min-height:44px;color:var(--clay-deep);font-family:var(--su-sans);cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:500;position:absolute;top:4px;right:4px}.su-field input:focus-visible{outline:2px solid var(--clay-deep);outline-offset:2px}.su-toggle:focus-visible{outline:2px solid var(--clay-deep);outline-offset:2px}.su-button:focus-visible{outline:2px solid var(--clay-deep);outline-offset:2px}.su a:focus-visible{outline:2px solid var(--clay-deep);outline-offset:2px}.su-check input:focus-visible{outline:2px solid var(--clay-deep);outline-offset:2px}.su-field.is-invalid input{border-color:var(--clay-deep)}.su-help,.su-error{font-family:var(--su-sans);margin:8px 0 0;font-size:14px;line-height:1.5}.su-help{color:var(--muted);font-weight:400}.su-error{color:var(--clay-deep);align-items:flex-start;gap:8px;display:flex}.su-bang{text-align:center;border:1.5px solid;border-radius:50%;flex:0 0 16px;width:16px;height:16px;margin-top:2px;font-size:11px;font-weight:500;line-height:13px}.su-check{cursor:pointer;align-items:center;gap:12px;min-height:44px;margin:0;font-weight:400;display:flex}.su-check input{width:20px;height:20px;accent-color:var(--clay-deep)}.su-check a{color:var(--clay-deep);text-underline-offset:3px;font-weight:500}.su-button{background:var(--clay-deep);width:100%;min-height:52px;color:var(--paper);font-family:var(--su-sans);cursor:pointer;border:0;border-radius:8px;font-size:17px;font-weight:500}.su-button:hover:not(:disabled){background:var(--clay-hover)}.su-button:disabled{cursor:progress}.su-banner{border:1px solid var(--clay-deep);background:var(--card);color:var(--ink);font-family:var(--su-sans);border-radius:8px;align-items:flex-start;gap:8px;margin:0;padding:14px 16px;font-size:15px;line-height:1.5;display:flex}.su-notice{border:1px solid var(--hairline);background:var(--paper-2,#f2efe8);color:var(--ink);font-family:var(--su-sans);border-radius:8px;margin:0;padding:14px 16px;font-size:15px;line-height:1.5}.su-switch{font-family:var(--su-sans);color:var(--ink-2);text-align:center;margin:0;font-size:15px;line-height:1.6}.su-switch a{min-height:44px;color:var(--clay-deep);text-underline-offset:3px;align-items:center;padding:0 2px;font-weight:500;text-decoration:underline;display:inline-flex}.su-resend,.su-status{font-family:var(--su-sans);color:var(--muted-2);margin:0;font-size:15px;line-height:1.5}.su-text-button{width:auto;min-height:44px;color:var(--clay-deep);font:inherit;text-align:left;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:10px 0;font-weight:500;text-decoration:underline}.su-foot{border-top:1px solid var(--hairline);color:var(--muted-2);font-family:var(--su-sans);margin-top:40px;padding-top:16px;font-size:14px;line-height:1.5}.su-foot ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.su-foot li{gap:8px;display:flex}.su-dot{background:var(--clay);border-radius:50%;flex:none;width:6px;height:6px;margin-top:7px}@media (min-width:641px){.su{min-height:100dvh;display:flex}.su-mobile-bar,.su-foot{display:none}.su-panel{background:var(--sand);width:40%;min-width:320px;height:100vh;color:var(--panel-ink);flex-direction:column;justify-content:space-between;padding:32px;display:flex;position:-webkit-sticky;position:sticky;top:0}.su-panel-mark{align-self:flex-start}.su-tagline{font-family:var(--su-serif);letter-spacing:-.02em;color:var(--ink);margin:16px 0 0;font-size:28px;font-weight:500;line-height:1.15}.su-panel-pot{width:120px;height:120px}.su-panel ul{border-top:1px solid var(--panel-rule);color:var(--panel-ink);font-family:var(--su-sans);margin:16px 0 0;padding-top:16px;font-size:15px;list-style:none}.su-panel li{gap:8px;margin-top:8px;display:flex}.su-main{flex:1;padding:96px 32px 48px}.su h1{font-size:44px}}@media (min-width:1024px){.su-panel{width:560px;padding:36px 64px 48px}.su-panel-pot{width:176px;height:176px}.su-tagline{font-size:36px}}@media (max-height:700px) and (min-width:641px){.su-panel-pot{display:none}}@media (prefers-reduced-motion:reduce){.su-button:disabled{cursor:not-allowed}}