.crm-login{isolation:isolate;box-sizing:border-box;background:radial-gradient(1000px 520px at 50% -8%,#f9731617,#0000 70%),radial-gradient(800px 500px at 85% 110%,#f973160d,#0000 70%),#0f1419;place-items:center;min-height:100vh;padding:32px 24px;display:grid;position:relative;overflow:hidden}.crm-login__fiber{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.crm-login__fiber-line{fill:none;stroke:#f9731633;stroke-width:1px}.crm-login__fiber-pulse{fill:none;stroke:#f97316;stroke-width:1.8px;stroke-linecap:round;filter:drop-shadow(0 0 6px #f97316);stroke-dasharray:64 936;animation:linear infinite crm-fiber-travel}.crm-login__fiber-pulse--1{animation-duration:7.5s;animation-delay:-2s}.crm-login__fiber-pulse--2{opacity:.55;animation-duration:12s;animation-delay:-7s}.crm-login__fiber-pulse--3{opacity:.8;animation-duration:9.5s;animation-delay:-4.5s}.crm-login__fiber-pulse--4{animation-duration:8.5s;animation-delay:-1s}@keyframes crm-fiber-travel{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.crm-login__shell{z-index:1;border:1px solid color-mix(in srgb,var(--border)76%,var(--accent)24%);background:color-mix(in srgb,var(--surface)92%,transparent);width:min(1180px,100%);min-height:580px;box-shadow:0 36px 90px -42px #000000ad,0 16px 42px -34px var(--accent);border-radius:28px;grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);display:grid;position:relative;overflow:hidden}.crm-login__theme{z-index:4;position:absolute;top:16px;right:16px}.crm-login__theme .nb-icobtn{border:1px solid color-mix(in srgb,var(--border)75%,var(--accent)25%);background:color-mix(in srgb,var(--surface)82%,transparent);border-radius:10px;width:36px;height:36px;box-shadow:0 8px 20px -14px #0009}.crm-login__visual{isolation:isolate;background:#d9d5cb;min-height:580px;position:relative}.crm-login__visual-image{object-fit:cover;object-position:center}.crm-login__visual-shade{z-index:1;background:linear-gradient(90deg,#13161914,transparent 54%,color-mix(in srgb,var(--surface)86%,transparent)),linear-gradient(0deg,#101316b3,transparent 46%);position:absolute;inset:0}.crm-login__caption{z-index:2;color:#fff;text-shadow:0 2px 12px #0000005c;position:absolute;bottom:28px;left:32px;right:32px}.crm-login__caption p{color:#ff8a3d;letter-spacing:.18em;margin:0;font-size:12px;font-weight:800}.crm-login__caption h2{letter-spacing:-.035em;max-width:390px;margin:10px 0 0;font-size:clamp(20px,2.2vw,28px);line-height:1.15}.crm-login__form-wrap{background:color-mix(in srgb,var(--surface)96%,transparent);place-items:center;padding:48px 36px;display:grid}.crm-login__form-card{width:min(100%,348px)}.crm-login__brand{text-align:center;margin-bottom:34px}.crm-login__brand h1{color:var(--accent);letter-spacing:-.05em;margin:0;font-size:clamp(32px,3.3vw,44px);line-height:1}.crm-login__brand p{color:var(--fg-muted);margin:11px 0 0;font-size:14px}.crm-login__error{border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger);border-radius:9px;margin:0 0 18px;padding:10px 12px;font-size:13px}.crm-login__form{gap:18px;display:grid}.crm-login__field{color:var(--fg-secondary);gap:8px;font-size:13px;font-weight:700;display:grid}.crm-login__field>div{position:relative}.crm-login__field svg{width:17px;height:17px;color:var(--fg-subtle);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.crm-login__field input{box-sizing:border-box;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2)68%,transparent);width:100%;height:49px;color:var(--fg);font:inherit;border-radius:11px;outline:none;padding:0 44px 0 43px;font-size:14px;transition:border-color .15s,box-shadow .15s}.crm-login__field input::placeholder{color:var(--fg-subtle)}.crm-login__field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent)18%,transparent)}.crm-login__eye{width:38px;height:38px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.crm-login__eye:hover{color:var(--fg);background:color-mix(in srgb,var(--fg)7%,transparent)}.crm-login__eye svg{width:17px;height:17px;position:static;transform:none}.crm-login__submit{background:var(--accent);height:49px;color:var(--accent-contrast);box-shadow:0 12px 24px -12px color-mix(in srgb,var(--accent)80%,transparent);font:inherit;cursor:pointer;border:0;border-radius:11px;margin-top:6px;font-size:15px;font-weight:800;transition:transform .1s,filter .15s}.crm-login__submit:hover:not(:disabled){filter:brightness(1.06)}.crm-login__submit:active:not(:disabled){transform:translateY(1px)}.crm-login__submit:disabled{opacity:.65;cursor:wait}.crm-login__secure{border-top:1px solid var(--border);color:var(--fg-muted);justify-content:center;align-items:center;gap:8px;margin:32px 0 0;padding-top:25px;font-size:12px;display:flex}.crm-login__secure i{background:var(--success);width:7px;height:7px;box-shadow:0 0 7px color-mix(in srgb,var(--success)75%,transparent);border-radius:50%}@media (max-width:1023px){.crm-login{padding:20px 16px}.crm-login__shell{border-radius:23px;grid-template-columns:1fr;max-width:540px;min-height:0}.crm-login__visual{min-height:245px}.crm-login__visual-image{object-position:48% center}.crm-login__caption{bottom:20px;left:24px;right:24px}.crm-login__caption h2{margin-top:6px;font-size:20px}.crm-login__form-wrap{padding:42px 28px}}@media (max-width:479px){.crm-login{place-items:stretch stretch;padding:0}.crm-login__shell{border:0;border-radius:0;width:100%;min-height:100vh}.crm-login__visual{min-height:220px}.crm-login__form-wrap{padding:38px 24px}.crm-login__brand{margin-bottom:28px}}@media (prefers-reduced-motion:reduce){.crm-login *{transition:none!important}.crm-login__fiber-pulse{opacity:0;animation:none}}.crm-login__secure i{background:#16a34a;animation:2.2s ease-in-out infinite crm-login-status-pulse;box-shadow:0 0 7px #16a34a}.dark .crm-login__secure i{background:#4ade80;box-shadow:0 0 7px #4ade80}@keyframes crm-login-status-pulse{0%,to{opacity:.72;transform:scale(.82);box-shadow:0 0 4px #16a34a}50%{opacity:1;transform:scale(1);box-shadow:0 0 9px #16a34a}}.dark .crm-login__secure i{animation-name:crm-login-status-pulse-dark}@keyframes crm-login-status-pulse-dark{0%,to{opacity:.72;transform:scale(.82);box-shadow:0 0 4px #4ade80}50%{opacity:1;transform:scale(1);box-shadow:0 0 9px #4ade80}}@media (prefers-reduced-motion:reduce){.crm-login__secure i{animation:none}}