.ugc-design.creator-auth{min-height:100dvh}.creator-auth .auth-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:64px;padding-block:64px 88px;display:grid}.creator-auth .auth-story{border:var(--b);background:var(--sauce);box-shadow:var(--sh-l);border-radius:32px;padding:44px;position:sticky;top:32px;overflow:hidden}.creator-auth .auth-eyebrow{border:2px solid var(--ink);background:var(--paper);border-radius:999px;padding:8px 14px;display:inline-block}.creator-auth .auth-headline{margin-top:32px;font-size:clamp(56px,6vw,86px);line-height:.98}.creator-auth .auth-headline .serif{color:var(--ink);line-height:1.12;display:block}.creator-auth .auth-intro{max-width:32ch;margin-top:24px;font-size:20px;line-height:1.5}.creator-auth .auth-brand-mark{border:3px solid var(--ink);background:var(--acid);width:184px;height:146px;box-shadow:7px 7px 0 var(--ink);border-radius:30px;place-items:center;margin:44px 0 28px 12px;display:grid;position:relative;transform:rotate(-8deg)}.creator-auth .auth-brand-mark>svg{width:76px;height:76px}.creator-auth .auth-brand-mark .auth-arrow{width:84px;height:84px;position:absolute;bottom:-4px;right:-100px;transform:rotate(8deg)}.creator-auth .auth-note{display:block}.creator-auth .auth-form-area{min-width:0;padding-top:20px}.creator-auth .auth-panel{border:var(--b);box-shadow:var(--sh-l);background:var(--white);color:var(--ink);overflow-wrap:anywhere;border-radius:28px;padding:36px}.creator-auth .auth-header{text-align:left;gap:14px;margin-bottom:30px;display:grid}.creator-auth .auth-title{letter-spacing:-.035em;font-family:Bricolage Grotesque,sans-serif;font-size:42px;font-weight:800;line-height:1.08}.creator-auth .auth-description,.creator-auth .auth-content,.creator-auth .auth-footer{font-size:16px;line-height:1.5}.creator-auth .auth-description,.creator-auth .auth-panel .text-muted-foreground,.creator-auth .auth-panel [data-slot=field-description]{color:var(--design-muted);font-size:15px;line-height:1.5}.creator-auth .auth-panel [data-slot=field-group]{gap:24px}.creator-auth .auth-panel [data-slot=field]{gap:10px;min-width:0}.creator-auth .auth-panel [data-slot=field-label]{color:var(--ink);font-family:Instrument Sans,sans-serif;font-size:16px;font-weight:700;line-height:1.4}.creator-auth .auth-panel [data-slot=field]>.flex{flex-wrap:wrap;gap:12px}.creator-auth .auth-panel input:not([type=hidden]){border:2px solid var(--ink);background:var(--paper);width:100%;min-width:0;height:54px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:14px;padding:12px 18px;font-family:Instrument Sans,sans-serif;font-size:16px;line-height:1.4}.creator-auth .auth-panel input::placeholder{color:#6b6066;opacity:1}.creator-auth .auth-panel input[aria-invalid=true]{border-color:#a5260b;box-shadow:3px 3px #a5260b}.creator-auth .auth-panel [data-slot=button]{border:var(--b);background:var(--acid);width:100%;min-width:0;height:auto;min-height:54px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);white-space:normal;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-family:Instrument Sans,sans-serif;font-size:17px;font-weight:700;line-height:1.4;transition:transform .12s,box-shadow .12s;display:inline-flex}.creator-auth .auth-panel [data-slot=button]:not(:disabled):hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.creator-auth .auth-panel [data-slot=button][type=submit]{background:var(--sauce)}.creator-auth .auth-panel [data-slot=button][class*=bg-background],.creator-auth .auth-panel [data-slot=button][class*=border-border]{background:var(--white)}.creator-auth .auth-panel [data-slot=button]:disabled{opacity:.6;cursor:not-allowed;box-shadow:2px 2px 0 var(--ink)}.creator-auth .auth-panel [data-slot=button] svg{flex-shrink:0;width:20px;height:20px}.creator-auth .auth-panel a,.creator-auth .auth-panel button:not([data-slot=button]){text-underline-offset:4px;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}.creator-auth .auth-panel .text-destructive{color:#a5260b;font-size:14px;line-height:1.5}.creator-auth .auth-error{color:#a5260b;background:#fff0eb;border:2px solid #a5260b;border-radius:14px;padding:14px 16px;font-size:15px;line-height:1.5}.creator-auth .auth-panel .border-dashed{border:2px dashed var(--ink);background:var(--paper);border-radius:16px;padding:20px}.creator-auth .auth-panel [data-slot=field-separator]{margin-block:4px}.creator-auth .auth-panel [data-slot=separator]{background:var(--ink);opacity:.35}.creator-auth .auth-panel [data-slot=field-separator-content]{background:var(--white);color:var(--design-muted);padding-inline:12px;font-family:JetBrains Mono,monospace;font-size:13px}.creator-auth .auth-content>.grid{gap:18px}.creator-auth .auth-footer{border-top:2px solid var(--ink);margin-top:24px;padding-top:24px}.creator-auth .auth-loading{align-items:center;gap:14px;min-height:88px;display:flex}.creator-auth .auth-spinner{border:3px solid var(--ink);border-top-color:var(--sauce);border-radius:50%;flex-shrink:0;width:28px;height:28px;animation:1s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.creator-auth .auth-stage{gap:32px}.creator-auth .auth-story{padding:32px}.creator-auth .auth-panel{padding:28px}}@media (width<=760px){.creator-auth .auth-stage{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:28px 56px}.creator-auth .auth-story{box-shadow:var(--sh);border-radius:24px;padding:24px;position:static}.creator-auth .auth-headline{margin-top:18px;font-size:46px}.creator-auth .auth-headline .serif{display:inline}.creator-auth .auth-intro{margin-top:14px;font-size:16px}.creator-auth .auth-brand-mark,.creator-auth .auth-note{display:none}.creator-auth .auth-form-area{padding-top:0}.creator-auth .auth-panel{box-shadow:var(--sh);border-radius:24px;padding:26px 22px}.creator-auth .auth-title{font-size:34px}.creator-auth .auth-header{margin-bottom:24px}}@media (prefers-reduced-motion:reduce){.creator-auth .auth-spinner{animation:none}.creator-auth .auth-panel [data-slot=button]{transition:none}}