.auth.auth-studio{background:var(--paper);grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)}.auth-studio .auth-studio-stage{color:#f5f4ee;background:#1c1923;border-right:1px solid #29332d;gap:24px;padding:clamp(28px,3vw,48px)}.auth-studio .stageside:after{display:none}.auth-studio .brandmark .nm{font-size:30px}.auth-studio-copy{margin-top:clamp(6px,2vh,22px)}.auth-studio-eyebrow{font:500 10px / 1.6 var(--font-mono);letter-spacing:.13em;color:var(--muted)}.auth-studio-stage .auth-studio-eyebrow{color:#9baa9f}.auth-studio-headline{max-width:640px;font:400 clamp(42px, 4.5vw, 68px) / 1.1 var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin-top:14px}.auth-studio-headline span{color:var(--pop-mint);display:block}.auth-studio-description{color:#b8c1ba;max-width:410px;margin-top:18px;font-size:14px;line-height:1.8}.auth-preview{width:100%;max-width:700px;margin-block:auto}.auth-preview-board{background:#282331;border:1px solid #424d43;border-radius:8px 8px 0 0;grid-template-columns:minmax(0,1fr) auto;display:grid;overflow:hidden}.auth-preview-idea{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:26px clamp(18px,2vw,30px);display:flex;position:relative}.auth-preview-label{font:10px / 1.6 var(--font-mono);letter-spacing:.12em;color:#aab9ac;text-transform:uppercase}.auth-preview-idea>p{max-width:270px;font:400 clamp(23px, 2.5vw, 38px) / 1.15 var(--font-display);text-transform:uppercase;color:#f4f5e9;margin-top:18px}.auth-preview-brand{color:#b8c1ba;align-items:center;gap:8px;margin-top:20px;font-size:10px;display:flex}.auth-preview-brand>span{background:var(--pop-mint);border-radius:50%;width:6px;height:6px}.auth-preview-direction{width:34px;height:34px;color:var(--pop-mint);stroke-width:1px;margin-top:22px}.auth-preview-video{aspect-ratio:9/16;border-left:1px solid #424d43;align-self:start;width:clamp(132px,18vh,180px);min-height:0;position:relative;overflow:hidden}.auth-preview-video img{object-fit:cover;object-position:45% 35%}.auth-preview-video:after{content:"";background:linear-gradient(#0000,#241a10c9);position:absolute;inset:38% 0 0}.auth-preview-format{color:#fff8e9;font:10px / 1.2 var(--font-mono);border:1px solid #ffffff80;padding:4px 6px;position:absolute;top:12px;right:12px}.auth-preview-word{z-index:1;color:#fff8e9;letter-spacing:-.04em;font:400 clamp(26px,2.25vw,32px)/1 Georgia,serif;position:absolute;bottom:24px;left:16px;right:10px}.auth-preview-word small{max-width:140px;font:12px / 1.5 var(--font-ui);letter-spacing:0;margin-top:10px;display:block}.auth-preview-timeline{background:#24202d;border:1px solid #424d43;border-top:0;border-radius:0 0 8px 8px;padding:14px 16px;position:relative}.auth-preview-timeline:after{content:"";background:#f5f4ee80;width:1px;position:absolute;top:6px;bottom:8px;left:43%}.auth-preview-timeline>div{align-items:center;gap:4px;height:14px;margin-bottom:5px;display:flex}.auth-preview-timeline>div:last-child{margin-bottom:0}.auth-preview-timeline svg{color:#8d9b8f;flex-shrink:0;margin-right:8px}.auth-preview-timeline span{background:#7a62de;border-radius:2px;flex:1;height:12px}.auth-preview-timeline span:nth-child(3){background:#9880f3;flex:1.4}.auth-preview-timeline i{background:repeating-linear-gradient(90deg,#16e0a685 0 2px,#0000 2px 5px);border-block:2px solid #315748;flex:1;height:10px;display:block}.auth-preview-timeline b{background:#a8bb827a;border-radius:2px;width:18%;height:8px;display:block}.auth-preview figcaption{color:#8d9b8f;font:10px / 1.6 var(--font-mono);padding-top:9px}.auth-studio-steps{color:#b8c1ba;border-top:1px solid #364138;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:18px;font-size:12px;list-style:none;display:grid}.auth-studio-steps span{color:var(--pop-mint);font:10px / 1.5 var(--font-mono);margin-right:8px}.auth-studio .formside{background:var(--paper);padding:40px clamp(28px,4vw,76px)}.auth-studio .formwrap{max-width:440px}.auth-studio .formwrap .h1{font:600 clamp(28px, 2.6vw, 38px) / 1.2 var(--font-ui);letter-spacing:-.045em;text-transform:none;overflow-wrap:break-word;margin-top:10px}.auth-studio .seg{border:0;border-bottom:1px solid #d0ccc1;border-radius:0;width:100%;margin-bottom:32px;padding:0}.auth-studio .seg button{background:0 0;border-bottom:2px solid #0000;border-radius:0;flex:1;min-height:48px;margin-bottom:-1px}.auth-studio .seg button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink);background:0 0}.auth-studio input{background:var(--surface);border-radius:5px;min-height:52px}.auth-studio [data-slot=button]{min-height:48px;box-shadow:none;border-radius:5px}.auth-studio [data-slot=button][data-variant=default]{background:var(--ink);color:var(--paper)}.auth-studio [data-slot=button][data-variant=default]:hover{box-shadow:none;background:#2d3a31}.auth-studio .field label{margin-bottom:8px}.auth-studio-note{color:var(--muted);border-top:1px solid #d7d4cc;margin-top:24px;padding-top:18px;font-size:12px;line-height:1.7}.auth-form-error{border-left:3px solid var(--danger);color:#96213a;background:#fff0f1;padding:12px 14px;font-size:13px;line-height:1.6}.auth-password-hint{color:var(--muted);margin-top:8px;font-size:12px}@media (min-width:1024px) and (max-height:820px){.auth-studio .auth-studio-stage{gap:18px;padding-block:24px}.auth-studio-copy{margin-top:0}.auth-studio-headline{font-size:clamp(40px,4.1vw,58px)}.auth-studio-description{margin-top:12px}.auth-preview-video{aspect-ratio:9/16;width:clamp(116px,17vh,144px);min-height:0}.auth-preview-idea{padding-block:18px}.auth-preview-direction{width:26px;height:26px;margin-top:14px}.auth-preview-idea>p{font-size:clamp(24px,2.4vw,32px)}.auth-studio .formside{padding-block:26px}}@media not (min-width:1024px){.auth.auth-studio{grid-template-rows:auto 1fr;grid-template-columns:1fr}.auth-studio .auth-studio-stage{border:0;min-height:0;padding:22px 32px}.auth-studio-copy,.auth-preview,.auth-studio-steps{display:none}.auth-studio .formside{align-items:start;padding:40px 24px}}@media not (min-width:640px){.auth-studio .auth-studio-stage{padding:max(18px, env(safe-area-inset-top)) 22px 18px}.auth-studio .formside{padding:28px 22px max(32px, env(safe-area-inset-bottom))}.auth-studio .seg{margin-bottom:28px}.auth-studio .formwrap .h1{font-size:30px}}@media (min-width:1024px){.auth-preview{max-width:520px}.auth-preview-board{border-radius:3px 3px 0 0;grid-template-columns:1fr .8fr}.auth-preview-video{aspect-ratio:4/5;align-self:stretch;width:100%}.auth-preview-idea>p{font-size:clamp(24px,2.3vw,34px)}.auth-preview-direction{margin-top:14px}}.auth-studio .seg button[aria-pressed=true]{border-bottom-color:var(--violet)}.auth-studio input:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.auth-preview-video img{will-change:transform;animation:12s ease-in-out infinite auth-camera-drift}.auth-preview-word{animation:12s ease-in-out infinite auth-title-reveal}.auth-preview-direction{animation:12s ease-in-out infinite auth-direction-cue}.auth-preview-timeline:after{background:#e9fff8;animation:12s linear infinite auth-playhead;left:42px;box-shadow:0 0 8px #16e0a660}.auth-preview-timeline i{animation:2s ease-in-out infinite alternate auth-waveform}.auth-preview figcaption{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-motion-toggle{color:#c8d2cb;cursor:pointer;min-height:44px;font:inherit;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:8px;display:inline-flex}.auth-motion-toggle:hover{color:#16e0a6;background:#ffffff0d}.auth-motion-toggle:focus-visible{outline-offset:2px;outline:2px solid #16e0a6}@keyframes auth-camera-drift{0%,to{transform:scale(1.01)translateY(0)}50%{transform:scale(1.12)translateY(-2%)}}@keyframes auth-title-reveal{0%,to{opacity:0;transform:translateY(14px)}12%,88%{opacity:1;transform:translateY(0)}}@keyframes auth-direction-cue{0%,to{transform:translate(0)}45%,55%{transform:translate(8px,-8px)}}@keyframes auth-playhead{0%{left:42px}to{left:calc(100% - 16px)}}@keyframes auth-waveform{0%{opacity:.55;transform:scaleY(.7)}to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.auth-preview *,.auth-preview :after{will-change:auto;animation:none}.auth-motion-toggle{display:none}}.auth-preview[data-paused=true] *,.auth-preview[data-paused=true] :after{animation-play-state:paused}.auth-studio:has(.formside:focus-within) .auth-preview *{animation-play-state:paused}.auth-studio:has(.formside:focus-within) .auth-preview :after{animation-play-state:paused}