.login-page{--login-bg:#171717;--login-panel:#202020;--login-text:#fff;--login-muted:#a1a1aa;--login-border:#3f3f46;--login-input:#2c2c2c;--login-placeholder:#262626;--login-accent:#01aaa3;display:grid;grid-template-columns:minmax(0,1fr) 480px;min-height:100svh;background:var(--login-bg);color:var(--login-text);font-family:Plus Jakarta Sans,sans-serif;text-align:left}.login-page-light{--login-bg:#d8dce3;--login-panel:#d1d5dd;--login-text:#1d1d1f;--login-muted:#6e6e73;--login-border:#b4b4b9;--login-input:#0000000a;--login-placeholder:#0000000a;--login-accent:#b72f77}.login-showcase{min-width:0;display:flex;flex-direction:column;overflow:hidden}.login-cinema{position:relative;flex-shrink:0;width:100%;aspect-ratio:3376/1440;background:var(--login-bg);overflow:hidden}.login-cinema img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0}.login-cinema img:first-child{opacity:1}.login-gallery{overflow:hidden;margin-top:8px}.login-gallery-track{display:flex;width:200%;animation:login-gallery-drift 90s linear infinite;animation-play-state:paused}.login-gallery-group{flex:0 0 50%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-right:8px}.login-gallery img{width:100%;height:clamp(120px,20vh,180px);display:block;-o-object-fit:cover;object-fit:cover}.login-gallery-tile{display:block;min-width:0}@keyframes login-gallery-drift{to{transform:translateX(-50%)}}.login-editorial{padding:32px 32px 28px}.login-editorial h2{margin:0;font-size:clamp(30px,3.1vw,48px);font-weight:400;line-height:1.12;letter-spacing:-.045em}.login-editorial p{font-size:12px;line-height:normal;margin:22px 0 0;color:var(--login-muted)}.login-editorial strong{color:var(--login-text);font-weight:600}.login-auth{min-width:0;background:var(--login-panel);border-left:1px solid #ffffff0f;display:flex;flex-direction:column;justify-content:center;padding:38px 56px 22px}.login-auth-inner{width:100%;max-width:360px;margin:auto}.login-auth-content{padding-bottom:42px}.login-brand{width:48px;height:40px;margin:0 auto 20px;border-radius:4px}.login-brand img{width:48px;height:40px;-o-object-fit:contain;object-fit:contain;display:block}.auth-secondary .login-auth-content [style]{font-family:inherit!important}.auth-secondary .login-auth-content input{height:46px;border:1px solid var(--login-border);border-radius:12px;background:var(--login-input);color:var(--login-text);font-size:14px}.auth-secondary .login-auth-content input::-moz-placeholder{color:var(--login-muted)}.auth-secondary .login-auth-content input::placeholder{color:var(--login-muted)}.auth-secondary .login-auth-content label{font-size:13px;font-weight:400;letter-spacing:normal}.auth-secondary .login-auth-content button.w-full{height:46px;padding:0 14px;border:1px solid var(--login-border);border-radius:12px;background:transparent;color:var(--login-text);box-shadow:none;font-size:14px;font-weight:400}.auth-secondary .login-auth-content button[type=submit],.auth-secondary .login-auth-content>div>button.w-full:first-child{border-radius:4px}.auth-secondary .login-auth-content button.w-full:not(:disabled):hover{background:var(--login-input)}.auth-secondary a:focus-visible{outline:2px solid var(--login-accent);outline-offset:4px}@media (pointer:coarse){.auth-secondary .login-auth-content input{font-size:16px}}.login-page .login-form,.login-page .login-form>*{margin:0}.login-page .login-form>div:not([hidden]):first-child{margin-bottom:20px}.login-page .login-field{margin:0 0 20px}.login-page .login-field label{display:block;font-size:13px;font-weight:400;line-height:18px;letter-spacing:normal;margin:0 0 9px}.login-page .login-field>div{margin:0}.login-page .login-field input{display:block;width:100%;height:46px;border:1px solid var(--login-border);background:var(--login-input);color:var(--login-text);border-radius:12px;padding:0 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.login-page .login-field input::-moz-placeholder{color:var(--login-muted)}.login-page .login-field input::placeholder{color:var(--login-muted)}.login-page .login-field input[name=password]{padding-right:44px}.login-page .login-field button{right:0;width:44px;height:46px;color:var(--login-muted)}.login-page .login-field button svg{width:18px;height:18px}.login-page .login-options{display:flex;justify-content:space-between;align-items:center;margin:4px 0 23px;gap:12px}.login-page .login-options label{gap:7px;padding:0}.login-page .login-options button,.login-page .login-options span{font-size:12px;line-height:18px}.login-page .login-options button{color:var(--login-accent)}.login-page .login-oauth button,.login-page .login-submit{width:100%;height:46px;padding:0 14px;border-radius:12px;font-size:14px}.login-page .login-submit{border:1px solid var(--login-border);border-radius:4px;background:transparent;color:var(--login-text);box-shadow:none;font-family:inherit;transition:background-color .2s ease,transform .16s cubic-bezier(.23,1,.32,1)}.login-page .login-submit:not(:disabled):focus-visible,.login-page .login-submit:not(:disabled):hover{background:var(--login-input)}.login-page .login-oauth-edge{position:relative}.login-page .login-button-edge{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:hidden;border-radius:4px;fill:none;pointer-events:none}.login-page .login-oauth-edge>.login-button-edge{height:48px;border-radius:12px}.login-page .login-button-edge rect{stroke:var(--login-accent);stroke-width:2;stroke-dasharray:1 1.1;stroke-dashoffset:1.05;transition:stroke-dashoffset .25s ease}.login-page .login-oauth-edge:has(>button:not(:disabled):focus-visible)>.login-button-edge rect,.login-page .login-submit:not(:disabled):focus-visible .login-button-edge rect{stroke-dashoffset:0;transition-duration:.5s;transition-timing-function:cubic-bezier(.23,1,.32,1)}@media (hover:hover) and (pointer:fine){.login-page .login-oauth-edge:has(>button:not(:disabled):hover)>.login-button-edge rect,.login-page .login-submit:not(:disabled):hover .login-button-edge rect{stroke-dashoffset:0;transition-duration:.5s;transition-timing-function:cubic-bezier(.23,1,.32,1)}}.login-page .login-divider{margin:22px 0;padding:0;line-height:16px}.login-page .login-divider span{background:var(--login-panel);color:var(--login-muted);font-weight:400}.login-page .login-divider .border-t{border-color:var(--login-border)}.login-page .login-oauth button,.login-page footer{font-family:inherit!important}.login-page .login-oauth button{border:1px solid var(--login-border);background:transparent;color:var(--login-text);font-weight:400;transition:background-color .15s}.login-page .login-oauth-edge>button:not(:disabled):focus-visible,.login-page .login-oauth-edge>button:not(:disabled):hover{background:var(--login-input)}.login-page footer{display:flex;flex-wrap:wrap;gap:8px 12px;text-align:center;color:var(--login-muted);font-size:10px;line-height:14px;padding:20px 0 0}.login-page footer>span{width:100%}.login-page button{touch-action:manipulation}.login-page button:focus-visible,.login-page input:focus-visible{outline:2px solid var(--login-accent);outline-offset:4px}.login-skeleton[data-loading]{position:relative;overflow:hidden;background:var(--login-placeholder)}.login-skeleton[data-loading] img{visibility:hidden}.login-skeleton[data-loading]:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff08,transparent);animation:login-skeleton-shimmer 1.6s linear infinite}@keyframes login-skeleton-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.login-auth[data-loading] .login-field label{width:48px;border-radius:4px;background:var(--login-input);color:transparent}.login-auth[data-loading] .login-field input,.login-auth[data-loading] .login-oauth button,.login-auth[data-loading] .login-submit{background:var(--login-input);color:transparent;border-color:transparent}.login-auth[data-loading] input::-moz-placeholder{color:transparent}.login-auth[data-loading] input::placeholder{color:transparent}.login-auth[data-loading] .login-divider,.login-auth[data-loading] .login-field button,.login-auth[data-loading] .login-oauth button>*,.login-auth[data-loading] .login-options{visibility:hidden}@media (min-width:1440px){.login-page{grid-template-columns:minmax(0,1fr) 520px}}@media (max-width:1023px){.login-page{display:block}.login-showcase{display:none}.login-auth{min-height:100svh;padding:32px 24px;border:0}}@media (pointer:coarse){.login-page .login-field input{font-size:16px}}@media (prefers-reduced-motion:reduce){.login-gallery-track,.login-skeleton[data-loading]:after{animation:none}.login-page .login-button-edge rect{transition:none!important}}