.auth{width:min(880px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--ink);background:0 0;border:0;border-radius:28px;margin:auto;padding:0;overflow:visible}.auth::backdrop{backdrop-filter:blur(6px);background:radial-gradient(120% 80% at 50% 0,#4c1d958c,#0a0622b8)}.auth[open]{animation:auth-in .42s var(--ease) both}.auth[open]::backdrop{animation:.3s both auth-fade}@keyframes auth-in{0%{opacity:0;transform:translateY(18px)scale(.97)}}@keyframes auth-fade{0%{opacity:0}}.auth__card{max-height:inherit;border-radius:inherit;background:var(--surface);grid-template-columns:1fr;display:grid;overflow:hidden;box-shadow:0 40px 90px -30px #140846b3,0 0 0 1px #ffffff14}@media (width>=760px){.auth__card{grid-template-columns:.92fr 1.08fr}}.auth__show{color:#fff;text-align:center;isolation:isolate;background:linear-gradient(155deg,#1a1060 0%,#2a1a8c 52%,#4a1785 100%);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:40px 32px;display:none;position:relative;overflow:hidden}@media (width>=760px){.auth__show{display:flex}}.auth__blob{z-index:-1;filter:blur(40px);opacity:.55;border-radius:50%;position:absolute}.auth__blob--a{background:#7c3aed;width:260px;height:260px;animation:14s ease-in-out infinite alternate auth-drift;top:-80px;left:-60px}.auth__blob--b{background:#db2777;width:220px;height:220px;animation:17s ease-in-out infinite alternate-reverse auth-drift;bottom:-60px;right:-70px}@keyframes auth-drift{to{transform:translate(40px,30px)scale(1.15)}}.auth__face{place-items:center;width:148px;height:148px;margin-bottom:14px;display:grid;position:relative}.auth__ring{background:conic-gradient(from var(--auth-angle,0deg), #fbbf24, #f472b6, #a78bfa, #60a5fa, #fbbf24);filter:drop-shadow(0 0 14px #f472b68c);border-radius:50%;animation:6s linear infinite auth-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}@property --auth-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes auth-spin{to{--auth-angle:360deg}}.auth__face img{object-fit:cover;object-position:50% 20%;background:#2a1a8c;border-radius:50%;width:132px;height:132px}.auth__live{color:#1b1838;letter-spacing:.04em;text-transform:uppercase;background:#fff;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:750;display:inline-flex;position:absolute;bottom:2px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px -6px #00000073}.auth__live i{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite auth-pulse;box-shadow:0 0 #22c55e99}@keyframes auth-pulse{to{box-shadow:0 0 0 8px #22c55e00}}.auth__show-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.65rem;font-weight:750}.auth__show-sub{color:#ffffffbf;margin:0 0 14px;font-size:.95rem}.auth__perks{text-align:left;gap:9px;margin:0;padding:0;list-style:none;display:grid}.auth__perks li{color:#ffffffeb;align-items:flex-start;gap:10px;font-size:.93rem;display:flex}.auth__perks li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b1838' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-9'/%3E%3C/svg%3E") 50%/12px no-repeat,linear-gradient(135deg,#fde68a,#fbbf24);border-radius:50%;flex:none;width:20px;height:20px;margin-top:1px}.auth__trust{color:#fffc;letter-spacing:.02em;border:1px solid #ffffff2e;border-radius:999px;margin:18px 0 0;padding:6px 12px;font-size:.8rem;font-weight:600}.auth__main{padding:36px 32px 28px;position:relative;overflow-y:auto}.auth__close{width:40px;height:40px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid;position:absolute;top:14px;right:14px}.auth__close:hover{background:var(--bg-2);color:var(--ink)}.auth__step{animation:auth-step .38s var(--ease) both}@keyframes auth-step{0%{opacity:0;transform:translate(14px)}}.auth__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(1.5rem,3vw,1.85rem)}.auth__lede{color:var(--ink-2);margin:0 0 20px;font-size:.98rem}.auth__to{color:var(--ink);word-break:break-all}.auth__chip{background:var(--bg-2);border-radius:999px;justify-content:space-between;align-items:center;gap:10px;margin:0 0 16px;padding:8px 8px 8px 14px;font-size:.92rem;font-weight:600;display:flex}.auth__chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth__chip button{background:var(--surface);color:var(--brand-ink);font:inherit;cursor:pointer;border:0;border-radius:999px;flex:none;padding:6px 12px;font-size:.85rem;font-weight:650}.auth__password{display:block;position:relative}.auth__password input{padding-right:52px}.auth__password button{width:40px;height:40px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.auth__password button:hover{background:var(--bg-2);color:var(--ink)}.auth__strength{color:var(--ink-2);align-items:center;gap:10px;margin-top:-2px;font-size:.85rem;font-weight:600;display:flex}.auth__strength-bars{grid-template-columns:repeat(3,28px);gap:4px;display:grid}.auth__strength-bars i{background:var(--line);border-radius:999px;height:5px;transition:background .25s}.auth__strength--0{color:var(--red)}.auth__strength--0 .auth__strength-bars i:first-child{background:var(--red)}.auth__strength--1 .auth__strength-bars i:nth-child(-n+1),.auth__strength--2 .auth__strength-bars i:nth-child(-n+2),.auth__strength--3 .auth__strength-bars i{background:var(--green)}.auth__strength--1 .auth__strength-bars i:first-child{background:var(--amber)}.auth__check{margin-top:12px}.auth__check:empty{display:none}.auth__note{color:var(--ink-3);text-align:center;margin:0;font-size:.84rem}.auth__form .auth__note:not(:last-child){text-align:left}.auth__secondary{border:1.5px solid var(--line-2);background:var(--surface);width:100%;min-height:50px;color:var(--ink);font:inherit;cursor:pointer;border-radius:14px;place-items:center;margin-top:12px;font-weight:650;display:grid}.auth__secondary:hover:not(:disabled){border-color:var(--brand)}.auth__google{border:1px solid var(--line-2);color:#1f1f1f;min-height:52px;transition:border-color .15s, box-shadow .2s, transform .2s var(--ease);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:12px;font-weight:650;text-decoration:none;display:flex;box-shadow:0 1px 2px #0000000d}.auth__google:hover{color:#1f1f1f;border-color:#c7c4dc;transform:translateY(-1px);box-shadow:0 10px 24px -14px #2a107873}.auth__or{color:var(--ink-3);align-items:center;gap:12px;margin:18px 0 14px;font-size:.85rem;display:flex}.auth__or:before,.auth__or:after{content:"";background:var(--line);flex:1;height:1px}.auth__form{gap:12px;display:grid}.auth__field{gap:6px;display:grid}.auth__field>span{font-size:.88rem;font-weight:650}.auth__field input{border:1.5px solid var(--line-2);width:100%;min-height:50px;color:var(--ink);font:inherit;background:#fff;border-radius:14px;padding:12px 14px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.auth__field input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);outline:none}.auth__hint.auth__hint--end{justify-self:end;margin-top:-4px}.auth__hint{color:var(--brand-ink);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:.88rem}.auth__submit{background:var(--grad-brand);color:#fff;min-height:52px;font:inherit;cursor:pointer;transition:transform .2s var(--ease), box-shadow .2s;border:0;border-radius:14px;place-items:center;margin-top:4px;font-size:1.02rem;font-weight:700;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 30px -14px #7a4cf4e6}.auth__submit:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff59 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.auth__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 34px -14px #7a4cf4f2}.auth__submit:hover:not(:disabled):after{transition:transform .8s;transform:translate(120%)}.auth__submit:disabled{opacity:.75;cursor:progress}.auth__spinner{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite auth-turn}@keyframes auth-turn{to{transform:rotate(360deg)}}.auth__error{min-height:0;color:var(--red);margin:0;font-size:.9rem;font-weight:550}.auth__error:empty{display:none}.is-shaking{animation:auth-shake .42s var(--ease)}@keyframes auth-shake{20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.auth__legal,.auth__soon{color:var(--ink-3);text-align:center;margin:18px 0 0;font-size:.8rem}.auth__soon{background:var(--bg-2);color:var(--ink-2);border-radius:14px;padding:16px;font-size:.95rem}.auth__legal a{color:var(--ink-2)}.auth__back{color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;margin:-6px 0 14px;padding:6px 0;font-size:.9rem;font-weight:600}.auth__mail{background:var(--brand-soft);width:64px;height:64px;stroke:var(--brand-ink);border-radius:20px;place-items:center;margin-bottom:14px;animation:3s ease-in-out infinite auth-float;display:grid}@keyframes auth-float{50%{transform:translateY(-4px)}}.auth__code{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:4px 0 12px;display:grid}.auth__code input{aspect-ratio:.86;border:1.5px solid var(--line-2);width:100%;min-height:52px;color:var(--ink);font:inherit;font-family:var(--font-display);text-align:center;caret-color:var(--brand);transition:border-color .15s, box-shadow .15s, transform .2s var(--ease);background:#fff;border-radius:14px;padding:0;font-size:1.6rem;font-weight:750}.auth__code input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);outline:none}.auth__code input.is-filled{border-color:var(--brand);animation:auth-pop .22s var(--ease);background:#faf8ff}@keyframes auth-pop{50%{transform:scale(1.08)}}.auth__checking{color:var(--ink-2);margin:0;font-size:.9rem}.auth__resend{color:var(--ink-3);margin:14px 0 0;font-size:.88rem}.auth__resend button{color:var(--brand-ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:650}.auth__resend span{font-variant-numeric:tabular-nums}.auth__done{text-align:center;justify-items:center;padding:36px 0 20px;display:grid}.auth__tick{fill:none;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}.auth__tick circle{stroke:var(--green);stroke-width:3px;fill:var(--green-soft);stroke-dasharray:190;stroke-dashoffset:190px;animation:auth-draw .6s var(--ease) forwards}.auth__tick path{stroke:var(--green);stroke-width:4.5px;stroke-dasharray:40;stroke-dashoffset:40px;animation:auth-draw .4s .45s var(--ease) forwards}@keyframes auth-draw{to{stroke-dashoffset:0}}@media (width<=759px){.auth{border-radius:26px 26px 0 0;width:100vw;max-height:94dvh;margin:auto 0 0}.auth[open]{animation-name:auth-up}@keyframes auth-up{0%{opacity:.4;transform:translateY(40%)}}.auth__main{padding:28px 20px calc(24px + env(safe-area-inset-bottom))}.auth__main:before{content:"";background:var(--line-2);border-radius:999px;width:44px;height:5px;margin:-14px auto 18px;display:block}.auth__code{gap:6px}}@media (prefers-reduced-motion:reduce){.auth[open],.auth[open]::backdrop,.auth__step,.auth__blob,.auth__ring,.auth__live i,.auth__mail,.is-shaking,.auth__code input.is-filled{animation:none}.auth__tick circle,.auth__tick path{stroke-dashoffset:0;animation:none}.auth__submit,.auth__google{transition:none}}