body.auth-modal-open{overflow:hidden}.auth-modal{width:min(58rem,100vw - 3rem);max-width:none;height:min(37.25rem,100dvh - 3rem);max-height:none;color:var(--on-dark);opacity:0;transition:opacity .22s var(--curve), display .22s allow-discrete, overlay .22s allow-discrete;background:0 0;border:0;margin:auto;padding:0;overflow:visible}.auth-modal[open]{opacity:1}.auth-modal::backdrop{background:color-mix(in srgb, var(--banner-scrim) 78%, transparent);-webkit-backdrop-filter:blur(5px)saturate(72%)}.auth-modal-card{--auth-surface:color-mix(in srgb, var(--banner-scrim) 88%, var(--surface));--auth-surface-2:color-mix(in srgb, var(--banner-scrim) 78%, var(--surface-2));--auth-surface-3:color-mix(in srgb, var(--banner-scrim) 68%, var(--surface-3));--auth-text:var(--on-dark);--auth-muted:color-mix(in srgb, var(--on-dark) 62%, transparent);--auth-line:color-mix(in srgb, var(--on-dark) 17%, transparent);border:1px solid color-mix(in srgb, var(--accent) 18%, var(--auth-line));border-radius:calc(var(--radius-banner) * 1.25);background:var(--auth-surface);width:100%;height:100%;box-shadow:0 2rem 6rem color-mix(in srgb, var(--banner-scrim) 78%, transparent), 0 0 4rem color-mix(in srgb, var(--accent) 8%, transparent);transition:transform .26s var(--curve);grid-template-columns:22.75rem minmax(0,1fr);display:grid;overflow:hidden;transform:translateY(0)scale(1)}@starting-style{.auth-modal[open]{opacity:0}.auth-modal[open] .auth-modal-card{transform:translateY(1rem)scale(.985)}}.auth-modal-rail{isolation:isolate;min-width:0;padding:calc(var(--sp-6) * 2.2) calc(var(--sp-6) * 2);background:var(--banner-grad);flex-direction:column;display:flex;position:relative;overflow:hidden}.auth-modal-rail:after{content:"";z-index:-1;aspect-ratio:1;background:color-mix(in srgb, var(--on-dark) 11%, transparent);filter:blur(1.8rem);border-radius:50%;position:absolute;inset:auto -24% -26% 8%}.auth-modal-brand{z-index:1;font-family:var(--font-display);font-size:calc(var(--fs-2xl) * 2.05);letter-spacing:-.07em;text-transform:uppercase;color:var(--on-accent);align-self:flex-start;font-style:italic;font-weight:900;line-height:.78;position:relative;transform:skew(-7deg)}.auth-modal-brand span{display:block}.auth-modal-progress{z-index:1;gap:calc(var(--sp-6) * 1.6);margin:calc(var(--sp-6) * 4) 0 0;padding:0;list-style:none;display:grid;position:relative}.auth-modal-progress:before{content:"";left:calc(var(--sp-2) - 1px);top:var(--sp-2);bottom:var(--sp-2);background:color-mix(in srgb, var(--on-accent) 45%, transparent);width:1px;position:absolute}.auth-modal-progress li{align-items:center;gap:var(--sp-4);min-height:var(--sp-4);color:color-mix(in srgb, var(--on-accent) 56%, transparent);font-size:var(--fs-md);transition:color .18s var(--curve);font-weight:600;display:flex;position:relative}.auth-modal-progress li:before{content:"";z-index:1;width:var(--sp-4);height:var(--sp-4);flex:0 0 var(--sp-4);border:2px solid color-mix(in srgb, var(--on-accent) 50%, transparent);background:color-mix(in srgb, var(--accent) 90%, transparent);border-radius:50%;position:relative}.auth-modal-progress li span{font-variant-numeric:tabular-nums}.auth-modal-card[data-step=phone] [data-auth-progress=phone],.auth-modal-card[data-step=otp] [data-auth-progress=otp],.auth-modal-card[data-auth-complete=true] [data-auth-progress=done]{color:var(--on-accent)}.auth-modal-card[data-step=phone] [data-auth-progress=phone]:before,.auth-modal-card[data-step=otp] [data-auth-progress=otp]:before,.auth-modal-card[data-auth-complete=true] [data-auth-progress=done]:before{border-color:var(--on-accent);background:var(--on-accent);box-shadow:inset 0 0 0 3px var(--accent)}.auth-modal-rail-art{z-index:0;pointer-events:none;width:100%;position:absolute;inset:0}.auth-modal-rail-art img{object-fit:cover;object-position:center bottom;opacity:.72;mix-blend-mode:screen;filter:grayscale(.5)contrast(1.2)brightness(1.1);width:100%;height:100%;transform:translateY(34%)scale(1.08);mask-image:linear-gradient(#0000 20%,#000 58%)}.auth-modal-panel{min-width:0;padding:calc(var(--sp-6) * 2.1) clamp(2rem, 4vw, 3.75rem) calc(var(--sp-6) * 1.8);background:radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 34%), var(--auth-surface);scrollbar-gutter:stable;flex-direction:column;justify-content:center;display:flex;position:relative;overflow-y:auto}.auth-modal-close{z-index:2;top:var(--sp-5);right:var(--sp-5);border-radius:var(--radius-ctl);width:2.75rem;height:2.75rem;color:var(--auth-muted);transition:color .16s var(--curve), border-color .16s var(--curve), background-color .16s var(--curve), transform .16s var(--curve);border:1px solid #0000;place-items:center;display:grid;position:absolute}.auth-modal-close:hover{border-color:var(--auth-line);background:var(--auth-surface-2);color:var(--auth-text)}.auth-modal-close:active{transform:scale(.96)}.auth-modal-close i{width:1.35rem;height:1.35rem}.auth-modal-heading,.auth-modal-flow{width:min(100%,32rem);margin-inline:auto}.auth-modal-heading{margin-bottom:calc(var(--sp-6) * 1.7)}.auth-modal-heading h2{color:var(--auth-text);font-family:var(--font-display);font-size:clamp(calc(var(--fs-2xl) * 1.4), 2.2vw, calc(var(--fs-2xl) * 1.75));letter-spacing:-.045em;text-wrap:balance;margin:0;font-weight:850;line-height:1.04}.auth-modal-heading p{max-width:39ch;margin:var(--sp-4) 0 0;color:var(--auth-muted);font-size:var(--fs-lg);text-wrap:pretty;line-height:1.55}.auth-modal-form,.auth-modal-step,.auth-modal-field{width:100%;display:grid}.auth-modal-form,.auth-modal-step{gap:var(--sp-5)}.auth-modal-field{gap:var(--sp-2)}.auth-modal-label{color:color-mix(in srgb, var(--auth-text) 92%, transparent);font-size:var(--fs-md);font-weight:650}.lc-phone-control{border:1px solid var(--line-strong);border-radius:var(--radius-ctl);background:var(--surface-2);transition:border-color .16s var(--curve), box-shadow .16s var(--curve), background-color .16s var(--curve);grid-template-columns:auto minmax(0,1fr);display:grid;overflow:hidden}.lc-phone-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-line)}.lc-country{min-width:8.2rem;height:var(--ctl-h);padding:0 var(--sp-4);border:0;border-right:1px solid var(--line-strong);color:var(--text);font:inherit;font-size:var(--fs-md);cursor:pointer;background:0 0;border-radius:0;font-weight:650}.lc-phone-control .lc-input{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;outline:0}.lc-country-hint{min-height:1.2em;color:var(--muted);font-size:var(--fs-xs);line-height:var(--lh-body);margin:0}.auth-modal-phone-control{border-color:var(--auth-line);background:var(--auth-surface-2)}.auth-modal-phone-control:focus-within{border-color:var(--accent-light);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 42%, transparent)}.auth-modal-country{border-color:var(--auth-line);height:3.5rem;color:var(--auth-text)}.auth-modal-country option{background:var(--auth-surface-2);color:var(--auth-text)}.auth-modal-input{width:100%;height:3.5rem;padding:0 var(--sp-5);border:1px solid var(--auth-line);border-radius:var(--radius-ctl);background:var(--auth-surface-2);color:var(--auth-text);font:inherit;font-size:var(--fs-lg);transition:border-color .16s var(--curve), box-shadow .16s var(--curve), background-color .16s var(--curve)}.auth-modal-input::placeholder{color:color-mix(in srgb, var(--auth-text) 48%, transparent)}.auth-modal-input:focus-visible{border-color:var(--accent-light);outline:2px solid color-mix(in srgb, var(--accent) 42%, transparent);outline-offset:1px}.auth-modal-phone-control .auth-modal-input:focus-visible{outline:0}.auth-modal-input[aria-invalid=true],.auth-modal-phone-control:has(.auth-modal-input[aria-invalid=true]){border-color:var(--hot-ink)}.auth-modal-hint{color:var(--auth-muted);font-size:var(--fs-sm)}.auth-modal-error{min-height:1.15em;color:var(--hot-ink);font-size:var(--fs-sm);line-height:var(--lh-tight);margin:0}.auth-modal-submit,.auth-modal-telegram{justify-content:center;align-items:center;gap:var(--sp-3);border-radius:var(--radius-ctl);width:100%;min-height:3.5rem;font-size:var(--fs-lg);white-space:nowrap;transition:transform .18s var(--curve), background-color .18s var(--curve), border-color .18s var(--curve), color .18s var(--curve), opacity .18s var(--curve);font-weight:700;display:inline-flex}.auth-modal-submit{border:1px solid var(--accent);background:var(--cta-grad);color:var(--on-accent)}.auth-modal-submit:hover:not(:disabled){background:var(--cta-grad-active);transform:translateY(-1px)}.auth-modal-submit:active:not(:disabled),.auth-modal-telegram:active{transform:translateY(1px)scale(.99)}.auth-modal-submit:disabled{cursor:not-allowed;opacity:.48}.lc-submit.is-busy:before{content:"";border:2px solid color-mix(in srgb, currentColor 35%, transparent);border-top-color:currentColor;border-radius:50%;flex:0 0 1em;width:1em;height:1em;animation:.7s linear infinite auth-button-spin}@keyframes auth-button-spin{to{transform:rotate(1turn)}}.auth-modal-or{align-items:center;gap:var(--sp-4);width:100%;margin:var(--sp-6) 0;color:var(--auth-muted);font-size:var(--fs-sm);grid-template-columns:1fr auto 1fr;display:grid}.auth-modal-or:before,.auth-modal-or:after{content:"";background:var(--auth-line);height:1px}.auth-modal-telegram{border:1px solid var(--auth-line);background:var(--auth-surface-2);color:var(--auth-text)}.auth-modal-telegram:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--auth-line));background:var(--auth-surface-3);transform:translateY(-1px)}.auth-modal-telegram i{width:1.5rem;height:1.5rem;color:var(--accent-light)}.auth-modal-provider-actions{align-items:center;gap:var(--sp-5);grid-template-columns:minmax(0,1fr) auto;display:grid}.auth-modal-card[data-sms-available=false] .auth-modal-telegram,.tg-btn.is-primary{border-color:var(--accent);background:var(--cta-grad);color:var(--on-accent)}.auth-modal-card[data-sms-available=false] .auth-modal-telegram:hover,.tg-btn.is-primary:hover{background:var(--cta-grad-active)}.auth-modal-card[data-sms-available=false] .auth-modal-telegram i,.tg-btn.is-primary i{color:var(--on-accent)}.auth-modal-phone-echo{justify-content:space-between;align-items:center;gap:var(--sp-4);color:var(--auth-muted);font-size:var(--fs-sm);display:flex}.auth-modal-phone-echo button,.auth-modal-otp-actions button,.auth-modal-qr-link{color:var(--accent-light);font-size:var(--fs-sm);font-weight:650}.auth-modal-phone-echo button:hover,.auth-modal-otp-actions button:hover:not(:disabled),.auth-modal-qr-link:hover{text-underline-offset:.2em;text-decoration:underline}.auth-modal-otp-actions{text-align:center;min-height:1.4em}.auth-modal-otp-actions button:disabled{color:var(--auth-muted);cursor:default}.auth-modal-code{padding-left:calc(var(--sp-5) + .35em);font-family:var(--font-display);font-size:calc(var(--fs-2xl) * 1.15);font-variant-numeric:tabular-nums;letter-spacing:.35em;text-align:center;font-weight:800}.auth-modal-status,.auth-modal-note{min-height:1.25em;color:var(--auth-muted);font-size:var(--fs-sm);line-height:var(--lh-body);text-align:center;margin:0}.auth-modal-status.is-error,.auth-modal-note.is-error{color:var(--hot-ink)}.auth-modal-qr-toggle{justify-content:center;align-items:center;gap:var(--sp-2);color:var(--auth-muted);font-size:var(--fs-sm);margin:0;font-weight:650;display:inline-flex}.auth-modal-qr-toggle:hover{color:var(--auth-text)}.auth-modal-qr-toggle i{width:1rem;height:1rem}.auth-modal-qr{justify-items:center;gap:var(--sp-2);margin-top:var(--sp-4)}.auth-modal-qr-box{border-radius:var(--radius-card);background:var(--on-dark);place-items:center;width:10.5rem;height:10.5rem;display:grid;overflow:hidden}.auth-modal-qr-box img{width:100%;height:100%}.auth-modal-agree{max-width:48ch;margin:calc(var(--sp-6) * 1.4) auto 0;color:color-mix(in srgb, var(--auth-text) 48%, transparent);font-size:var(--fs-xs);text-align:center;line-height:1.55}.auth-modal-agree a{color:color-mix(in srgb, var(--auth-text) 78%, transparent);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--auth-text) 26%, transparent);text-underline-offset:.18em}.auth-modal-card[data-step=phone] .lc-step-otp,.auth-modal-card[data-step=otp] .lc-step-phone{display:none}.auth-modal .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=820px){.auth-modal{width:100%;height:100dvh;max-height:none;margin:0;overflow:hidden}.auth-modal[open]{align-items:flex-end;display:flex}.auth-modal-card{width:100%;height:auto;max-height:calc(100dvh - max(env(safe-area-inset-top), var(--sp-3)));border-radius:calc(var(--radius-banner) * 1.8) calc(var(--radius-banner) * 1.8) 0 0;border-bottom:0;border-left:0;border-right:0;margin-top:auto;display:block;transform:translateY(0)}@starting-style{.auth-modal[open] .auth-modal-card{transform:translateY(2rem)}}.auth-modal-rail{display:none}.auth-modal-panel{max-height:calc(100dvh - max(env(safe-area-inset-top), var(--sp-3)));padding:calc(var(--sp-6) * 3.15) var(--sp-6) calc(var(--sp-6) * 1.5 + env(safe-area-inset-bottom));scrollbar-gutter:auto;justify-content:flex-start;overflow-y:auto}.auth-modal-panel:before{content:"";top:var(--sp-3);width:3.6rem;height:var(--sp-1);background:color-mix(in srgb, var(--on-dark) 30%, transparent);border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.auth-modal-close{top:calc(var(--sp-6) * 1.45);right:var(--sp-4)}.auth-modal-heading,.auth-modal-flow{width:100%}.auth-modal-heading{margin-bottom:calc(var(--sp-6) * 1.5);padding-right:calc(var(--sp-6) * 2.4)}.auth-modal-heading h2{font-size:clamp(calc(var(--fs-2xl) * 1.45), 8vw, calc(var(--fs-2xl) * 1.85))}.auth-modal-heading p{margin-top:var(--sp-4);font-size:var(--fs-lg)}.auth-modal-country,.auth-modal-input,.auth-modal-submit,.auth-modal-telegram{min-height:3.75rem;font-size:1rem}.auth-modal-country{width:8.3rem;height:3.75rem;padding-inline:var(--sp-3)}.auth-modal-input{height:3.75rem}.auth-modal-or{margin-block:var(--sp-6)}.auth-modal-agree{margin-top:calc(var(--sp-6) * 1.2)}.auth-modal-qr-toggle,.auth-modal-qr,[data-login-qr-toggle],[data-login-qr-panel]{display:none!important}.auth-modal-provider-actions{display:block}}@media (width<=390px){.auth-modal-panel{padding-right:var(--sp-4);padding-left:var(--sp-4)}.auth-modal-country{width:7.7rem;min-width:7.7rem}.auth-modal-heading h2{font-size:calc(var(--fs-2xl) * 1.4)}}@media (prefers-reduced-motion:reduce){.auth-modal,.auth-modal-card{transition:none}.lc-submit.is-busy:before{animation:none}}@media (prefers-reduced-transparency:reduce){.auth-modal::backdrop{-webkit-backdrop-filter:none}}
