.auth-screen{--auth-red:#d71327;min-height:100dvh;color:#f5f5f5;background:#111214;font-family:Roboto Condensed,Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}.auth-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border:0}.auth-logo{display:inline-flex;align-items:center}.auth-header button{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;color:#b6b6b6;border-radius:10px}.auth-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(1100px,calc(100% - 48px));height:min(700px,calc(100dvh - 112px));min-height:460px;margin:8px auto 32px;border:1px solid #2c2c2e;border-radius:24px;overflow:hidden;background:#111214}.auth-layout:after{content:"";position:absolute;z-index:1;top:0;right:0;width:50%;height:68px;background:linear-gradient(#111214 85%,#11121400);pointer-events:none}.auth-story{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:44px 40px 32px;background:linear-gradient(145deg,#241216,#111)}.auth-eyebrow{font-size:11px;line-height:1.4;letter-spacing:.15em;font-weight:500;color:#a29a9c}.auth-story h1{font-family:Despair Display,Roboto Condensed,sans-serif;font-weight:700;font-size:clamp(32px,3.4vw,42px);line-height:1.09;letter-spacing:-.025em;margin:28px 0 20px}.auth-story em{font-style:normal;color:var(--auth-red)}.auth-story>p{max-width:350px;font-size:17px;line-height:1.6;color:#b2abad;margin:0}.auth-art{position:relative;flex:1;min-height:170px;display:grid;place-items:center;margin:22px 0;isolation:isolate}.auth-frame{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;width:230px;height:180px;padding:20px;border:1px solid #d7132760;border-radius:16px;background:linear-gradient(135deg,#38181c,#1b1415);box-shadow:0 25px 50px #0004;transform:rotate(-9deg)}.auth-frame .brand-wordmark{width:96.075px;height:auto;opacity:.65}.auth-frame .brand-mark{width:68px;height:68px;align-self:center;box-shadow:0 0 48px #d7132718}.auth-frame small{font-size:9px;letter-spacing:.18em;color:#b59096}.auth-orbit{position:absolute;width:310px;height:166px;border:1px solid #ffffff12;border-radius:50%;transform:rotate(-33deg)}.auth-features{display:flex;flex-wrap:wrap;gap:12px 18px;color:#a9a2a4;font-size:12px;line-height:1.5}.auth-features span{display:flex;gap:7px;align-items:center}.auth-features svg{flex-shrink:0}.auth-form-side{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;padding:104px 40px 40px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3c3c3e transparent;scrollbar-gutter:stable both-edges}.auth-card{width:100%;max-width:390px;margin:0 auto;animation:auth-step-in .22s ease-out both}.auth-card .auth-card-logo{display:block;width:145.135px;height:auto;margin:0 auto 28px}.auth-card h2{font:600 30px/1.2 Roboto Condensed,Arial,sans-serif;letter-spacing:-.02em;text-align:center;margin:0 0 14px}.auth-card>p{min-height:48px;font-size:16px;line-height:1.5;color:#aaaab0;text-align:center;max-width:350px;margin:0 auto 28px}.auth-back,.auth-step-back{position:absolute;z-index:2;top:16px;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:10px;border-radius:10px;background:#111214ed;color:#aaaab0;cursor:pointer}.auth-back{right:16px}.auth-step-back{left:calc(50% + 16px);gap:6px;font:500 14px/20px Roboto Condensed,Arial,sans-serif}.auth-back:hover,.auth-step-back:hover{color:#fff;background:#ffffff08}.auth-providers{display:grid;gap:12px}.auth-provider{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:52px;padding:12px 18px;border:1px solid #454548;border-radius:12px;background:#202022;color:#f5f5f5;font:500 16px/24px Roboto Condensed,Arial,sans-serif;cursor:pointer;white-space:nowrap}.auth-provider svg{width:22px;height:22px;flex-shrink:0}.auth-yandex-mark{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#fc3f1d;color:#fff;font:500 20px/24px Arial,sans-serif}.auth-divider{display:flex;align-items:center;gap:14px;margin:24px 0;color:#8e8e93;font-size:13px;line-height:20px}.auth-divider:after,.auth-divider:before{content:"";height:1px;flex:1;background:#2a2a2e}.auth-fields{display:flex;flex-direction:column;gap:8px}.auth-fields label{margin-top:8px;font-size:14px;line-height:20px;color:#bdbdc3}.auth-input{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;border:1px solid #39393d;border-radius:12px;background:#1c1c1f;color:#98989f;transition:border-color .16s ease,box-shadow .16s ease}.auth-input:focus-within{border-color:#d95a69;box-shadow:0 0 0 3px #d7132715}.auth-input>svg{flex-shrink:0}.auth-input input{width:100%;min-width:0;flex:1;height:50px;border:0;background:transparent;color:#f5f5f5;font:400 16px/24px Roboto Condensed,Arial,sans-serif;outline:none!important}.auth-input input::placeholder{color:#78787f}.auth-input input[readonly]{color:#bdbdc3}.auth-input input:-webkit-autofill{-webkit-text-fill-color:#f5f5f5;box-shadow:inset 0 0 0 100px #1c1c1f}.auth-input button{display:grid;place-items:center;min-width:40px;min-height:40px;margin-right:-8px;border-radius:8px}#auth-code{font-variant-numeric:tabular-nums;letter-spacing:.24em;font-weight:500}.auth-forgot{align-self:flex-end;min-height:32px;padding:5px 0;font-size:14px;line-height:22px;color:#bdbdc3;cursor:pointer}.auth-submit{position:relative;display:flex;justify-content:center;align-items:center;gap:12px;width:100%;height:52px;margin-top:14px;padding:12px 22px;border-radius:12px;background:var(--auth-red);color:#fff;font:600 16px/24px Roboto Condensed,Arial,sans-serif;cursor:pointer}.auth-submit svg{position:absolute;right:18px;flex-shrink:0}.auth-switch{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin-top:24px;font-size:14px;line-height:22px;color:#aaaab0}.auth-switch button{padding:4px 0;color:#f5f5f5;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.auth-notice:empty{display:none}.auth-notice:not(:empty){margin-top:16px;padding:12px 14px;border:1px solid #d7132740;border-radius:10px;background:#d7132712;color:#f3bac0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.auth-notice[data-kind=success]{background:#183729;border-color:#315f49;color:#bde4cb}.auth-resend{display:block;min-height:36px;margin-top:12px;color:#c5c5cb;font-size:14px;line-height:22px;text-align:left;font-variant-numeric:tabular-nums;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.auth-screen :is(a,button){transition:background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease}.auth-screen :is(a,button):focus-visible{outline:2px solid #ff7b88;outline-offset:4px}.auth-screen button:disabled{opacity:.5;cursor:default}.auth-screen [aria-busy=true] button:disabled{cursor:wait}.auth-spinner{animation:auth-spin 1s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}@keyframes auth-step-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover){.auth-provider:hover:not(:disabled){background:#29292c;border-color:#646469}.auth-submit:hover:not(:disabled){background:#e31a30}.auth-forgot:hover{color:#fff}}.c-auth-dialog[data-slot=dialog-content]{width:min(1100px,calc(100vw - 48px));max-width:1100px!important;padding:0;gap:0;border:0;background:transparent;max-height:calc(100dvh - 48px);overflow:hidden;border-radius:24px;animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}.c-auth-dialog[data-state=closed]{animation-duration:.16s}.auth-embedded{padding:0;min-height:0;background:transparent}.auth-embedded>.auth-header{display:none}.auth-embedded .auth-layout{width:100%;height:min(700px,calc(100dvh - 48px));min-height:0;margin:0}.c-guest-actions button,.c-guest-welcome button{cursor:pointer}@media(max-width:850px){.auth-header{height:64px;padding:0 20px}.auth-layout{grid-template-columns:1fr;width:min(520px,calc(100% - 24px));height:min(680px,calc(100dvh - 96px));min-height:360px;margin:4px auto 24px;border-radius:20px}.auth-story{display:none}.auth-layout:after{width:100%}.auth-step-back{left:16px}.auth-form-side{padding:68px 24px 32px}.auth-card h2{font-size:28px}.c-auth-dialog[data-slot=dialog-content]{width:min(520px,calc(100vw - 24px));max-width:520px!important;max-height:calc(100dvh - 24px);border-radius:20px}.auth-embedded .auth-layout{height:min(680px,calc(100dvh - 24px));min-height:0}}@media(max-width:380px){.auth-form-side{padding-left:18px;padding-right:18px}.auth-provider{font-size:15px;padding-inline:12px}.auth-card h2{font-size:26px}}@media(min-width:851px) and (max-height:720px){.auth-form-side{padding-top:68px}.auth-story{padding:28px 32px 24px}.auth-story h1{font-size:34px;margin:20px 0 16px}.auth-story>p{font-size:15px;line-height:1.5}.auth-art{min-height:112px;margin:16px 0}.auth-frame{width:170px;height:124px;padding:14px}.auth-frame .brand-mark{width:44px;height:44px}.auth-frame .brand-wordmark{width:77.678px}.auth-orbit{width:230px;height:124px}}@media(prefers-reduced-motion:reduce){.auth-screen *,.c-auth-dialog[data-slot=dialog-content]{animation:none!important;transition:none!important}}