@font-face {
  font-family: "Zygo DM";
  src: url("../fonts/zygo/dm-sans-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Zygo DM";
  src: url("../fonts/zygo/dm-sans-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
.zl-page {--zl-ink: #151a15;--zl-muted: #62675e;--zl-paper: #fff;--zl-lime: #9ce635;--zl-line: #d9ddd2;--zl-display: "Zygo DM", Arial, sans-serif;--zl-body: "Zygo DM", Arial, sans-serif;margin: 0;min-width: 320px;color: var(--zl-ink);background: var(--zl-paper);font: 400 14px / 1.6 var(--zl-body);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;}
.zl-page, .zl-page *, .zl-page *::before, .zl-page *::after {box-sizing: border-box;}
.zl-page :where(h1, p, figure) {margin: 0;}
.zl-page a {color: inherit;text-decoration: none;}
.zl-page button, .zl-page input {font: inherit;}
.zl-page button {cursor: pointer;}
.zl-page svg {height: 1em;width: 1em;display: inline-block;flex-shrink: 0;}
.zl-page [hidden] {display: none ;}
.zl-page .sr-only {position:absolute;height:1px;width:1px;padding:0;margin:-1px;border:0;white-space:nowrap;overflow:hidden;clip:rect(0,0,0,0);}
.zl-page :is(a, button, input):focus-visible {outline: 2px solid #427716;outline-offset: 3px;}
.zl-container {width: min(1280px, calc(100% - 100px));margin-inline: auto;}
.zl-skip {position: fixed;left: 18px;top: -80px;z-index: 100;padding: 12px 17px;color: #fff ;background: var(--zl-ink);}
.zl-skip:focus {top: 12px;}
.zl-header {background: var(--zl-paper);border-bottom: 1px solid var(--zl-line);}
.zl-header__inner {height: 90px;display: flex;align-items: center;justify-content: space-between;gap: 30px;}
.zl-logo {display: inline-flex;flex: none;align-items: center;}
.zl-logo img {display: block;height: auto;width: 120px;}
.zl-header__nav {display: flex;align-items: center;gap: 32px;}
.zl-home-link {font-size: 14px;font-weight: 600;}
.zl-home-link:hover {text-decoration: underline;text-underline-offset: 6px;}
.zl-create-link {display: inline-flex;min-height: 44px;min-width: 138px;align-items: center;justify-content: space-between;gap: 24px;padding: 11px 15px;font-size: 14px;font-weight: 600;background: var(--zl-lime);border: 1px solid var(--zl-lime);border-radius: 8px;transition: background-color .18s;}
.zl-create-link:hover {background: #b1ef64;}
.zl-create-link svg {font-size: 17px;transform:rotate(-45deg);}
.zl-main {padding-block: 36px 38px;}
.zl-main__inner {display: grid;grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);gap: clamp(44px, 6.25vw, 92px);align-items: stretch;}
.zl-login {min-width: 0;display: flex;flex-direction: column;justify-content: center;padding: 35px 0 32px;}
.zl-login__inner {width: min(100%, 430px);margin-inline: auto;}
.zl-kicker {display: flex;align-items: center;gap: 10px;font-size: 12px;font-weight: 600;line-height: 1.4;letter-spacing: .09em;}
.zl-kicker > span:first-child {display: inline-block;width: 6px;height: 6px;background: #608c38;}
.zl-kicker__number {margin-left: 4px;color: #788170;}
.zl-login h1 {font: 600 clamp(32px, 3vw, 42px) / 1.15 var(--zl-display);letter-spacing: -.018em;color: var(--zl-ink);margin: 24px 0 18px;}
.zl-login h1 span {color: #477333;}
.zl-intro {max-width: 340px;margin-bottom: 30px ;color: var(--zl-muted);font-size: 13px;line-height: 1.8;}
.zl-page .zy-auth-form {width: 100%;margin: 0;}
.zl-page .zy-auth-field {margin: 0 0 17px;}
.zl-page .zy-auth-field > label {display:block;margin:0 0 7px;color:#303a31;font-size: 14px;font-weight:600;letter-spacing: 0;}
.zl-page .zy-auth-input {display:flex;align-items:center;height:54px;min-height:54px;border:1px solid #b9c1b4;border-radius:8px;box-shadow:none;background: #fff;transition: border-color .15s, box-shadow .15s, background-color .15s;}
.zl-page .zy-auth-input:hover {border-color:#848f7f;}
.zl-page .zy-auth-input:focus-within {border-color: #477333;box-shadow: 0 0 0 2px rgba(105, 155, 52, .18);}
.zl-page .zy-auth-field.is-invalid .zy-auth-input {background: #fffafa;border-color: #b42318;box-shadow: 0 0 0 2px rgba(180, 35, 24, .11);}
.zl-page .zy-auth-field.has-value:not(.is-invalid) .zy-auth-input:not(:focus-within) {background:#fff;border-color:#b9c1b4;}
.zl-page .zy-auth-input > svg {display: none;}
.zl-page .zy-auth-input input {min-width: 0;height: 100%;padding: 0 16px;color:var(--zl-ink);background:transparent;font-family:var(--zl-body);font-size:16px;font-weight:400;letter-spacing:0;}
.zl-page .zy-auth-input input:focus-visible {outline:none;}
.zl-page .zy-auth-input input::placeholder {color:#858e81;opacity:1;font-weight:400;}
.zl-page .zy-auth-input input:-webkit-autofill {-webkit-text-fill-color:var(--zl-ink);box-shadow:0 0 0 1000px #fff inset;}
.zl-page .zy-auth-password-toggle {min-width:52px;padding:0 13px;color:#4d5b4b;}
.zl-page .zy-auth-password-toggle:hover {color:#243f20;}
.zl-page .zy-auth-password-toggle svg {font-size:18px;}
.zl-page .zy-auth-field__message {font-size: 12px;font-weight:400;min-height:12px;padding:4px 0 0;}
.zl-page .zy-auth-options {align-items:center;margin:0 0 22px;gap:12px;}
.zl-page .zy-auth-remember {color:#454d43;font-size: 14px;font-weight:400;min-height:44px;}
.zl-page .zy-auth-remember__control {border-radius:8px;}
.zl-page .zy-auth-remember input:checked + .zy-auth-remember__control {background:#385e2b;border-color:#385e2b;color:#fff;}
.zl-page .zy-auth-forgot {display:inline-flex;align-items:center;padding-top:0;min-height:44px;color:#365b2c ;font-size: 14px;font-weight:600;text-underline-offset:4px;}
.zl-page .zy-auth-forgot:hover {text-decoration:underline;}
.zl-page .zy-auth-submit {display:flex;align-items:center;justify-content:center;height:55px;min-height:55px;width:100%;border-radius:8px;border:1px solid var(--zl-ink);box-shadow:none;background:#196b36;color:#fff;font-size:13px;font-weight:600;transition:background-color .16s;}
.zl-page .zy-auth-submit:hover:not(:disabled) {background:#323c30;border-color:#323c30;box-shadow:none;transform:none;}
.zl-page .zy-auth-submit:active:not(:disabled) {background:#424e3d;}
.zl-page .zy-auth-submit:disabled {opacity:.8;}
.zl-page .zy-auth-form[data-state="success"] .zy-auth-submit {background:#385e2b;border-color:#385e2b;}
.zl-page .zy-auth-spinner {border-color:rgba(255,255,255,.3);border-top-color:#fff;}
.zl-page .zy-auth-security {display:flex;align-items:center;justify-content:center;gap:6px;color:#71796e;margin-top:14px;font-size: 12px;}
.zl-page .zy-auth-security svg {color:#54794a;}
.zl-page .zy-auth-register {margin:27px 0 0;padding:21px 0 0;border-top:1px solid var(--zl-line);color:#5f675a;font-size: 14px;}
.zl-page .zy-auth-register a {color:#274d1f;font-weight:600;text-decoration:underline;text-underline-offset:4px;}
.zl-page .zy-auth-status, .zl-page .zy-auth-connectivity {border-radius:8px;font-family:var(--zl-body);}
.zl-page .zy-auth-status__icon {border-radius:50%;}
.zl-buyer {border-top: 1px solid var(--zl-line);margin-top: 20px;padding-top: 17px;}
.zl-buyer p {font-size: 12px;color: #6d766a;margin-bottom: 2px;}
.zl-buyer a {color:#273a26;font-size: 14px;font-weight:600;display:inline-flex;align-items:center;gap:9px;min-height:44px;}
.zl-buyer a:hover {text-decoration:underline;text-underline-offset:4px;}
.zl-buyer svg {font-size:15px;}
.zl-visual {min-width:0;display:flex;flex-direction:column;}
.zl-photo {position:relative;overflow:hidden;flex:1;min-height:520px;background:#c8d0c2;}
.zl-photo img {display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 40%;}
.zl-photo figcaption {position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:var(--zl-lime);color:var(--zl-ink);}
.zl-photo figcaption span {font-size: 12px;line-height:1.45;letter-spacing:.06em;font-weight:600;}
.zl-photo figcaption svg {font-size:30px;transform:rotate(-45deg);}
.zl-visual__base {display:flex;justify-content:space-between;gap:20px;padding-top:16px;color:#6b7565;font-size: 12px;line-height:1.5;letter-spacing:.09em;font-weight:600;}
.zl-footer {border-top:1px solid var(--zl-line);}
.zl-footer__inner {min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#747c6f;font-size: 12px;}
.zl-footer__links {display:flex;gap:24px;}
.zl-footer__links a:hover {color:#273a26;text-decoration:underline;text-underline-offset:4px;}
@media (max-width: 1150px) {.zl-container {width:min(1280px, calc(100% - 72px));}.zl-main__inner {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;}.zl-login h1 {font-size:clamp(32px, 3vw, 40px);}}
@media (max-width: 920px) {.zl-container {width: min(800px, calc(100% - 60px));}.zl-main__inner {display:block;}.zl-main {padding-block:45px 58px;}.zl-login {padding:0;}.zl-login__inner {margin-inline:auto;width:min(100%, 475px);}.zl-login h1 {font-size:36px;}.zl-visual {display:none;}}
@media (max-width: 600px) {.zl-container {width:calc(100% - 40px);}.zl-header__inner {height:72px;}.zl-logo img {width:99px;}.zl-header__nav {gap:15px;}.zl-home-link {display:none;}.zl-create-link {min-height:40px;min-width:unset;padding:10px 13px;gap:14px;font-size: 12px;}.zl-main {padding-block:36px 42px;}.zl-kicker {font-size: 12px;}.zl-login h1 {font-size:clamp(30px, 8vw, 36px);margin:20px 0 14px;}.zl-intro {margin-bottom:26px ;font-size:13px;}.zl-page .zy-auth-options {flex-wrap:wrap;}.zl-page .zy-auth-forgot {font-size: 12px;}.zl-page .zy-auth-input {height:52px;min-height:52px;}.zl-footer__inner {min-height:65px;}.zl-footer__links {gap:13px;}}
@media (max-width: 350px) {.zl-container {width:calc(100% - 28px);}.zl-page .zy-auth-options {flex-direction:column;align-items:flex-start;gap:0;}}
@media (prefers-reduced-motion: reduce) {.zl-page *, .zl-page *::before, .zl-page *::after {animation:none;transition:none;}}