.login-page{--login-ink:#1b1b1b;--login-panel:#f6f6f4;--login-brand:#2b2b2b;--login-brand-art:#8d8d80;--login-muted:#6c6c6c;--login-label:#59616e;--login-accent:#6c7f96;--login-border:#e4e4de;background:#0d0d0d;min-height:100dvh;padding:12px;display:flex}.login-shell{border-radius:22px;flex:1;min-height:0;display:flex;overflow:hidden}.login-brand{background:var(--login-brand);flex:50%;position:relative;overflow:hidden}.login-brand-art{aspect-ratio:587/832;background-color:var(--login-brand-art);height:118%;position:absolute;top:52%;left:-10%;transform:translateY(-50%);-webkit-mask:url(/icons/big-logo.svg) 50%/contain no-repeat;mask:url(/icons/big-logo.svg) 50%/contain no-repeat}.login-panel{background:var(--login-panel);color:var(--login-ink);flex:50%;justify-content:center;align-items:center;padding:48px;display:flex;position:relative}.login-panel-inner{width:min(100%,380px)}.login-header{margin-bottom:32px}.login-title{letter-spacing:-.01em;color:var(--login-ink);margin:0 0 8px;font-size:1.9rem;font-weight:700}.login-subtitle{color:var(--login-muted);margin:0;font-size:.95rem;line-height:1.45}.login-form{flex-direction:column;display:flex}.login-field{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.login-field-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.login-field-label{color:var(--login-label);font-size:.82rem;font-weight:600}.login-field input{border:1px solid var(--login-border);width:100%;height:52px;color:var(--login-ink);font:inherit;background:#fff;border-radius:10px;outline:none;padding:0 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.login-field input::placeholder{color:#9a9a95}.login-field input:focus{border-color:var(--login-accent);box-shadow:0 0 0 3px #6c7f962e}.login-reset-link{color:var(--login-accent);font-size:.82rem;font-weight:500;text-decoration:none}.login-reset-link:hover{text-decoration:underline}.login-password{align-items:center;display:flex;position:relative}.login-password input{padding-right:48px}.login-password-toggle{color:#6f6f6a;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-password-toggle:hover{color:var(--login-ink)}.login-password-toggle:disabled{cursor:default;opacity:.6}.login-error{color:#b3261e;margin:2px 0 14px;font-size:.85rem}.login-submit-button{color:#fff;cursor:pointer;width:100%;height:54px;font:inherit;background:#131316;border:none;border-radius:10px;margin-top:14px;font-size:.95rem;font-weight:600;transition:background .2s,transform .15s}.login-submit-button:hover{background:#000}.login-submit-button:active{transform:translateY(1px)}.login-submit-button:disabled{opacity:.6;cursor:default;transform:none}.login-powered-by{color:#a2a29c;white-space:nowrap;align-items:center;gap:8px;font-size:.72rem;display:flex;position:absolute;bottom:22px;right:28px}.login-powered-logo{opacity:.5;width:auto;height:12px}@media (max-width:860px){.login-page{background:var(--login-panel);padding:0}.login-shell{border-radius:0}.login-brand{display:none}.login-panel{flex:100%;padding:32px 24px 72px}.login-powered-by{justify-content:center;left:0;right:0}}