.auth{isolation:isolate;place-items:center;min-height:100dvh;padding:28px 16px;display:grid;position:relative;overflow:clip}.auth-orb{z-index:-1;aspect-ratio:1;filter:blur(60px);pointer-events:none;border-radius:50%;width:46vmax;position:absolute}.auth-orb.a{background:#d9d8ffd9;animation:18s ease-in-out infinite alternate auth-orb;top:-14vmax;right:-8vmax}.auth-orb.b{background:#cdeff4cc;animation:23s ease-in-out infinite alternate-reverse auth-orb;bottom:-18vmax;left:-10vmax}@keyframes auth-orb{0%{transform:translate(0,0)scale(1)}to{transform:translate(-9vmax,7vmax)scale(1.2)}}.auth-wrap{gap:20px;width:min(940px,100%);display:grid}.auth-top{animation:auth-rise .6s var(--ease) backwards}.auth-card{background:var(--surface);border:1px solid var(--line);min-height:580px;box-shadow:var(--shadow-soft);border-radius:30px;animation:.8s cubic-bezier(.16,1,.3,1) 80ms backwards auth-card;display:flex;position:relative;overflow:hidden}@keyframes auth-card{0%{opacity:0;transform:translateY(28px)scale(.97)}}@keyframes auth-rise{0%{opacity:0;transform:translateY(12px)}}.auth-form{align-items:center;width:50%;padding:44px;transition:transform .82s cubic-bezier(.7,0,.2,1);display:grid}.auth-card[data-side=right] .auth-form{transform:translate(100%)}.auth-form-in>:not(form),.auth-form-in form>*{animation:auth-rise .52s var(--ease) .38s backwards}.auth-form-in form>:nth-child(2){animation-delay:.44s}.auth-form-in form>:nth-child(3){animation-delay:.5s}.auth-form-in form>:nth-child(4){animation-delay:.56s}.auth-form-in form>:nth-child(n+5){animation-delay:.62s}.auth-form-in>.auth-alt{animation-delay:.68s}.auth-alt a{color:var(--ink);font-weight:600}.auth-form .input{transition:border-color .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease)}.auth-form .input:focus-visible{transform:translateY(-1px)}.auth-media{isolation:isolate;color:#fff;z-index:2;background:linear-gradient(150deg,#2a2d55,#191b29 60%,#23405a);border-radius:22px;align-content:end;width:calc(50% - 10px);padding:32px;transition:transform .82s cubic-bezier(.7,0,.2,1);display:grid;position:absolute;top:10px;bottom:10px;left:10px;overflow:hidden;transform:translate(100%)}.auth-card[data-side=right] .auth-media{transform:none}.auth-card[data-moved][data-side=left] .auth-media{animation:.82s cubic-bezier(.7,0,.2,1) auth-stretch-a}.auth-card[data-moved][data-side=right] .auth-media{animation:.82s cubic-bezier(.7,0,.2,1) auth-stretch-b}@keyframes auth-stretch-a{45%{scale:1.16 .985}}@keyframes auth-stretch-b{45%{scale:1.16 .985}}.auth-video{z-index:-2;object-fit:cover;width:100%;max-width:none;height:100%;animation:20s ease-in-out infinite alternate auth-zoom;position:absolute;inset:0}@keyframes auth-zoom{0%{transform:scale(1.04)}to{transform:scale(1.16)}}.auth-scrim{z-index:-1;background:linear-gradient(#14152447 0%,#14152433 35%,#141524d1 100%);position:absolute;inset:0}.auth-chips{flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:22px;left:22px;right:22px}.auth-chips span{font-family:var(--font-mono);letter-spacing:.04em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:auth-chip 4.8s var(--ease) infinite;background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;padding:6px 12px;font-size:11px}@keyframes auth-chip{0%,30%,to{background:#ffffff29;transform:none}10%,22%{color:#191b29;background:#ffffffeb;transform:translateY(-2px)}}.auth-media-in{justify-items:start;gap:10px;display:grid}.auth-media-in>*{animation:auth-rise .56s var(--ease) .42s backwards}.auth-media-in>:nth-child(2){animation-delay:.49s}.auth-media-in>:nth-child(3){animation-delay:.56s}.auth-media-in h2{color:#fff;font-size:28px}.auth-media-in p{color:#ffffffdb;max-width:34ch}.auth-ghost{color:#fff;min-height:44px;transition:background .22s var(--ease), color .22s var(--ease), transform .22s var(--ease);border:1px solid #ffffffbf;border-radius:999px;align-items:center;margin-top:8px;padding:0 24px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.auth-ghost:hover{color:#191b29;background:#fff;transform:translateY(-1px)}.auth-ghost:focus-visible{border-radius:999px}@media (max-width:760px){.auth{place-items:start center;padding:20px 14px 32px}.auth-card{border-radius:26px;flex-direction:column;min-height:0}.auth-media,.auth-card[data-side=right] .auth-media{border-radius:20px;width:auto;min-height:190px;margin:8px 8px 0;padding:20px;position:relative;inset:auto;transform:none;animation:none!important}.auth-form,.auth-card[data-side=right] .auth-form{width:100%;padding:26px 22px 28px;transform:none}.auth-chips{flex-wrap:nowrap;gap:6px;top:14px;left:14px;right:14px}.auth-chips span{padding:5px 9px;font-size:10px}.auth-media-in h2{font-size:22px}.auth-media-in p{display:none}.auth-ghost{min-height:40px;margin-top:2px}}.auth{background:linear-gradient(118deg,#eceeff 0%,#f4edff 36%,#e4f5f8 74%,#eef0ff 100%)}.auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border-color:#ffffffe6;border-radius:34px;box-shadow:inset 0 1px #fff,0 30px 60px #52577729}.auth-media{border-radius:26px;box-shadow:0 20px 44px #191b2947}.auth-media-in h2{font-family:var(--font-serif);letter-spacing:0;font-size:38px;font-style:italic;font-weight:400;line-height:1.08}.auth-ghost{color:var(--ink);background:linear-gradient(135deg,#fff 0%,#e4e0ff 60%,#cdeff4 100%);border-color:#0000;box-shadow:0 0 0 4px #b6b9ff2e}.auth-ghost:hover{color:var(--ink);background:linear-gradient(135deg,#fff 0%,#e4e0ff 60%,#cdeff4 100%);box-shadow:0 0 0 5px #b6b9ff3d,0 0 26px #9182ffbf}.auth-form .input{border-radius:999px;padding-inline:20px}.auth-or{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--line);flex:1;height:1px}