/* Страница входа — перенесена с сайта (dist/crm.css) без изменений вёрстки.
   Ниже — базовые правила сайта, которые эта страница использует, и состояние ошибки. */
.crm-page{margin:0;font-family:Onest,Arial,sans-serif;font-size:16px;line-height:1.65;color:var(--ink)}
.crm-page a{color:inherit;text-decoration:none}
.crm-page h1,.crm-page h2{font-weight:500}
.crm-page h1 em{font-style:normal}
.crm-page svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.crm-page .skip{position:absolute;left:-9999px}.crm-page .skip:focus{left:16px;top:16px;z-index:10;background:#fff;padding:8px 14px;border-radius:8px}
.crm-page a:focus-visible,.crm-page button:focus-visible{outline:3px solid #729adf;outline-offset:4px}
.login-alert{background:var(--bad-bg);color:var(--bad);border-radius:10px;padding:12px 14px;font-size:13px;margin:0 0 22px}
.login-alert.ok{background:var(--ok-bg);color:var(--ok)}
.login-submit{cursor:pointer;transition:background .25s,box-shadow .25s}.login-submit:hover{background:#234a83;box-shadow:0 8px 20px #0e2e5c18}
.login-submit>span{transition:transform .25s}.login-submit:hover>span{transform:translate(2px,-2px)}

/* Standalone CRM entry page, sharing the site's palette and local Onest font. */
.crm-page{background:var(--paper)}
.login-layout{min-height:100svh;display:grid;grid-template-columns:1.05fr 1fr}
.work-story{background:#0e2e5c;color:#fff;padding:42px clamp(30px,4.5vw,76px) 28px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.work-brand{display:inline-flex;align-items:center;gap:13px;align-self:flex-start;font-size:24px;line-height:1.15;letter-spacing:-.8px;font-weight:750}
.work-brand b{font-weight:450}.work-brand small{display:block;font-size:8px;letter-spacing:1.5px;font-weight:450;color:#bbcee7;margin-top:9px}
.work-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid #9ebfe97a;border-radius:12px;font-size:28px;letter-spacing:-5px;padding-right:5px}
.story-content{margin:auto 0;padding:65px 0 28px}
.work-eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.5px;color:#c5d7ee;margin:0 0 26px}.work-eyebrow>span{width:6px;height:6px;background:#9fbfe9;border-radius:50%}
.work-story h1{font-size:clamp(44px,4.6vw,72px);letter-spacing:-3px;line-height:1.09;margin:0 0 25px}.work-story h1 em{color:#9ebfe9}
.story-lead{max-width:410px;color:#c4d3e6;font-size:15px;line-height:1.8;margin:0}
.workflow-art{position:relative;height:245px;margin:38px -10px 0;isolation:isolate}
.workflow-grid{position:absolute;inset:-30px -30px;background-image:linear-gradient(#93b4e215 1px,transparent 1px),linear-gradient(90deg,#93b4e215 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,#000 25%,transparent 70%)}
.flow-line{position:absolute;left:5%;right:5%;top:50%;border-top:1px dashed #9ebfe966;transform:rotate(12deg)}
.work-card{position:absolute;width:40%;max-width:195px;height:168px;border-radius:15px;padding:18px;border:1px solid #adc9ec70;box-shadow:0 18px 35px #051b3333;display:flex;flex-direction:column;gap:12px}
.card-one{left:0;top:0;background:#f1f5fa;color:#0e2e5c;transform:rotate(-9deg)}
.card-two{left:29%;top:36px;background:#c6dbf4;color:#0e2e5c;transform:rotate(3deg);z-index:2}
.card-three{right:0;top:72px;background:#245188;transform:rotate(10deg);z-index:3}
.work-card-number{font-size:8px;letter-spacing:1px;opacity:.75}.work-card svg{position:absolute;right:15px;top:37px;width:27px;height:27px;stroke-width:1.3}.work-card strong{font-size:20px;font-weight:500;letter-spacing:-.5px;margin-top:12px}.abstract-lines{display:grid;gap:7px}.abstract-lines i{height:3px;width:75%;background:currentColor;opacity:.14;border-radius:4px}.abstract-lines i+ i{width:50%}
.story-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#adc3df;border-top:1px solid #ffffff20;padding-top:20px}.story-footer>span:last-child{font-size:24px}
.login-panel{padding:40px clamp(28px,5vw,90px) 28px;display:grid;grid-template-rows:auto minmax(24px,1.2fr) auto minmax(24px,1fr) auto}
.back-site{justify-self:start;font-size:12px;display:inline-flex;align-items:center;gap:12px;align-self:flex-start;color:#596b7b;min-height:34px}.back-site:hover{color:var(--blue)}
.login-content{grid-row:3;width:100%;max-width:390px;margin:0 auto;padding:32px 0}
.login-kicker{font-size:10px;letter-spacing:1.8px;color:#3160c4;font-weight:550;margin:0 0 22px}
.login-content h2{font-size:clamp(31px,3vw,43px);letter-spacing:-1.9px;line-height:1.15;margin:0 0 14px}.login-intro{color:#596b7b;font-size:14px;margin:0 0 36px}
.login-field{margin-bottom:22px}.login-field label{display:block;font-size:12px;font-weight:550;margin-bottom:9px}
.login-field input{width:100%;height:54px;border:1px solid #cdd5dd;background:#fff;border-radius:10px;padding:0 16px;color:var(--ink);font:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.login-field input::placeholder{color:#7c8998;font-size:14px}.login-field input:focus{outline:none;border-color:#3160c4;box-shadow:0 0 0 1px #3160c4}
.password-field{position:relative}.password-field input{padding-right:54px}.password-field button{position:absolute;right:5px;top:5px;width:44px;height:44px;border:0;background:transparent;color:#66788b;display:grid;place-items:center;cursor:pointer;border-radius:7px}.password-field svg{width:21px;height:21px}.password-field button:hover{background:#edf2f7}
.login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:54px;padding:0 22px;border:0;border-radius:100px;color:white;background:#0e2e5c;font:inherit;font-size:14px;margin-top:30px}.login-submit:disabled{cursor:not-allowed;background:#415b7e}.login-submit>span{font-size:22px}
.login-availability{font-size:11px;color:#596b7b;display:flex;gap:8px;align-items:center;justify-content:center;margin:14px 0 0}.login-availability>span{width:5px;height:5px;border-radius:50%;background:#8297b2;flex-shrink:0}
.login-help{border-top:1px solid #d9dedf;margin-top:34px;padding-top:24px;display:flex;flex-direction:column;gap:6px;font-size:12px;color:#596b7b}.login-help a{color:#0e2e5c;font-weight:550;align-self:flex-start}.login-help a:hover{text-decoration:underline;text-underline-offset:4px}.login-help a span{margin-left:12px}
.login-footer{grid-row:5;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#637185}.login-footer a:hover{text-decoration:underline}
@media(min-width:800px) and (prefers-reduced-motion:no-preference){.work-card{animation:work-arrive .85s cubic-bezier(.16,1,.3,1) both}.card-two{animation-delay:.12s}.card-three{animation-delay:.24s}.login-content{animation:work-arrive .6s .1s both}@keyframes work-arrive{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}}
@media(max-width:1050px){.work-story{padding-inline:30px}.login-panel{padding-inline:30px}.work-card{padding:14px}.work-card strong{font-size:17px}.work-card-number{font-size:7px}}
@media(max-width:799px){.login-layout{grid-template-columns:1fr}.work-story{padding:23px 26px}.work-brand{font-size:22px}.story-content,.story-footer{display:none}.login-panel{display:flex;flex-direction:column;padding:20px 26px 25px;min-height:calc(100svh - 90px)}.login-content{margin:auto;padding:40px 0 45px;max-width:430px}.login-content h2{font-size:35px}.login-footer{max-width:430px;width:100%;margin-inline:auto}.login-intro{margin-bottom:30px}}
@media(max-width:360px){.login-panel{padding-inline:20px}.login-content h2{font-size:31px}.login-footer{font-size:9px}.login-availability{font-size:10px}}

.login-remember{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:-8px;font-size:12px;color:#596b7b;cursor:pointer;width:fit-content}
.login-remember input{width:17px;height:17px;margin:0;accent-color:#0e2e5c;cursor:pointer;flex-shrink:0}
.login-remember input:focus-visible{outline:2px solid #3160c4;outline-offset:3px}
.login-remember+.login-submit{margin-top:16px}

.login-remember:has(input:disabled){cursor:default}
.login-remember input:disabled{cursor:default}

/* Original supplied CRM logo; preserve transparency and proportions. */
.work-brand{width:350px;max-width:100%;display:block;line-height:0}
.work-brand img{display:block;width:100%;height:auto}
@media(max-width:799px){.work-brand{width:290px}.work-story{padding-block:12px}.login-panel{min-height:calc(100svh - 121px)}}