.od-auth{padding:0}.od-auth-card{background:var(--background);position:relative}.od-auth-band{display:none}.od-auth-side{flex-direction:column;padding:40px 24px 56px;display:flex;position:relative}.od-auth-box{width:100%;max-width:420px;margin:0 auto;animation:.7s cubic-bezier(.22,.61,.36,1) both od-auth-rise}@keyframes od-auth-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.od-auth fieldset{border:0;min-width:0;margin:0;padding:0}.od-auth-seg{isolation:isolate;background:#090a0b0f;border-radius:999px;grid-template-columns:1fr 1fr;width:100%;max-width:420px;margin:0 auto 36px;padding:4px;display:grid;position:relative}.od-auth-seg-thumb{z-index:0;background:#fff;border-radius:999px;width:calc(50% - 4px);transition:transform .34s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:inset 0 1px #fff,0 1px 2px #090a0b1a,0 4px 10px -4px #090a0b4d}.od-auth-seg-thumb[data-on=login]{transform:translate(100%)}.od-auth-seg-b{z-index:1;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;color:var(--foreground-muted);background:0 0;border:0;border-radius:999px;padding:10px;font-family:inherit;font-size:13px;font-weight:700;transition:color .2s;position:relative}.od-auth-seg-b.on,.od-auth-seg-b:hover:not(.on){color:var(--foreground)}@media (min-width:941px){.od-auth{padding:56px 24px 24px}.od-auth-card{border-radius:24px;width:min(1200px,100%);height:760px;margin:0 auto;overflow:hidden;box-shadow:0 50px 110px -34px #090a0b73,0 4px 14px #090a0b1a}.od-auth-band{--sweep:-56%;z-index:3;pointer-events:none;width:100%;height:112%;transform:translateX(var(--sweep)) skewX(12deg);will-change:transform;background:radial-gradient(120% 85% at 84% 4%,#e0453b73,#0000 60%),linear-gradient(125deg,#be3a31 0%,#6e1d18 40%,#0e0f14 100%);transition:transform .85s cubic-bezier(.76,0,.24,1);display:block;position:absolute;top:-6%;left:0}.od-auth:not(.is-signup) .od-auth-band{--sweep:56%}.od-auth-seam{background:linear-gradient(#0000,#e0453b1f 12%,#ff8c82e6 50%,#e0453b1f 88%,#0000);width:2px;position:absolute;top:0;bottom:0;right:0}.od-auth:not(.is-signup) .od-auth-seam{left:0;right:auto}.od-auth-band-in{height:100%;position:relative;transform:skew(-12deg)}.od-auth-band-copy{width:30%;color:var(--foreground-on-dark);transition:transform .85s cubic-bezier(.76,0,.24,1);position:absolute;top:24%;left:10%;transform:translateY(-50%)translate(167%)}.od-auth:not(.is-signup) .od-auth-band-copy{transform:translateY(-50%)}.od-auth-band-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#fff9;margin:0 0 16px;font-size:12px;font-weight:700}.od-auth-band-h{text-transform:uppercase;color:#fff;margin:0 0 20px;font-size:max(44px,min(4.4vw,68px));font-weight:700;line-height:.95}.od-auth-band-h em{color:var(--raw-color-gold-500);font-style:normal}.od-auth-band-p{color:#ffffffb8;max-width:32ch;margin:0;font-size:16px;line-height:1.6}.od-auth-band-shield{opacity:.9;filter:drop-shadow(0 24px 40px #00000073);width:18%;height:auto;transition:transform .85s cubic-bezier(.76,0,.24,1);position:absolute;top:52%;left:16%;transform:translate(278%)}.od-auth:not(.is-signup) .od-auth-band-shield{transform:translate(0)}.od-auth-side{z-index:2;will-change:transform;width:44%;height:100%;min-height:0;padding:64px max(24px,min(3vw,52px));transition:transform .85s cubic-bezier(.76,0,.24,1);overflow-y:auto;transform:translate(127%)}.od-auth:not(.is-signup) .od-auth-side{transform:translate(0)}.od-auth-band-copy,.od-auth-box{animation:.85s cubic-bezier(.22,.61,.36,1) both od-auth-fade}@keyframes od-auth-fade{0%,38%{opacity:0}to{opacity:1}}}@media (prefers-reduced-motion:reduce){.od-auth-band,.od-auth-side,.od-auth-band-copy,.od-auth-band-shield,.od-auth-box,.od-auth-seg-thumb{transition:none!important;animation:none!important}}