.ops-login{--ops-green:#26513c;--ops-green-700:#1b3c2c;--ops-cream:#faf6ee;--ops-sand:#f3ede2;--ops-ink:#1f261f;--ops-muted:#5a6356;--ops-line:#e6e3da;--ops-card:#ffffff;--ops-danger:#b4452f;--ops-ring:rgba(38,81,60,0.35);min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:48px 20px;background:radial-gradient(1100px 520px at 50% -140px,var(--ops-sand),transparent 70%),var(--ops-cream);color:var(--ops-ink);font-family:var(--font-heebo,"Heebo"),var(--font-dm-sans,"DM Sans"),system-ui,-apple-system,sans-serif}html[data-theme=dark] .ops-login{--ops-card:#241d15;--ops-cream:#221b12;--ops-sand:#2c2418;--ops-ink:#f3eadc;--ops-muted:#bdae99;--ops-line:#4a4131;--ops-ring:rgba(159,210,178,0.4);--ops-danger:#e08a76}.ops-login .ops-wrap{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:stretch;gap:18px}.ops-login .ops-brand{display:inline-flex;align-items:center;gap:10px;align-self:center;font-weight:700;font-size:18px;color:var(--ops-ink);text-decoration:none}.ops-login .ops-brand img{width:38px;height:38px;border-radius:10px}.ops-login .ops-card{background:var(--ops-card);border:1px solid var(--ops-line);border-radius:22px;box-shadow:0 10px 34px rgba(31,38,31,.09);padding:32px 30px 30px}.ops-login h1{margin:0;font-size:26px;font-weight:700;letter-spacing:-.01em}.ops-login .ops-lead{margin:8px 0 22px;color:var(--ops-muted);font-size:15px;line-height:1.55}.ops-login .ops-field{display:block;margin-bottom:16px}.ops-login .ops-field>span{display:block;font-size:14px;font-weight:600;margin-bottom:7px}.ops-login .ops-input{width:100%;box-sizing:border-box;border:1.5px solid var(--ops-line);border-radius:14px;background:var(--ops-card);color:var(--ops-ink);font:inherit;font-size:16px;min-height:50px;padding:12px 15px;transition:border-color .15s ease,box-shadow .15s ease}.ops-login .ops-input:hover{border-color:#b9c2ae}.ops-login .ops-input:focus-visible{outline:none;border-color:var(--ops-green);box-shadow:0 0 0 4px var(--ops-ring)}.ops-login .ops-input[aria-invalid=true]{border-color:var(--ops-danger)}.ops-login .ops-password-wrap{display:flex;position:relative}.ops-login .ops-password-wrap .ops-input{padding-inline-end:58px}.ops-login .ops-eye{position:absolute;inset-inline-end:4px;top:4px;bottom:4px;min-width:44px;border:0;border-radius:10px;font:inherit;font-size:24px}.ops-login .ops-eye,.ops-login .ops-text-button{background:transparent;color:var(--ops-green);cursor:pointer}.ops-login .ops-text-button{display:block;margin:0 0 18px auto;padding:10px 0;border:0;font:inherit;font-size:14px;font-weight:700;text-decoration:underline}.ops-login .ops-info{padding:12px 14px;border-radius:12px;background:var(--ops-sand);color:var(--ops-ink);line-height:1.5}.ops-login .ops-alert{margin:0 0 16px;padding:11px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--ops-danger) 45%,transparent);background:color-mix(in srgb,var(--ops-danger) 9%,transparent);color:var(--ops-danger);font-size:14.5px;font-weight:600;line-height:1.45}.ops-login .ops-submit{width:100%;min-height:50px;border:0;border-radius:999px;background:var(--ops-green);color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .05s ease}.ops-login .ops-submit:hover:not(:disabled){background:var(--ops-green-700)}.ops-login .ops-submit:active:not(:disabled){transform:translateY(1px)}.ops-login .ops-submit:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ops-ring)}.ops-login .ops-submit:disabled{opacity:.65;cursor:progress}.ops-login .ops-back{align-self:center;color:var(--ops-green);font-size:14.5px;font-weight:600;text-decoration:none}.ops-login .ops-back:hover{text-decoration:underline}html[data-theme=dark] .ops-login .ops-back{color:#9fd2b2}.ops-login a:focus-visible,.ops-login button:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ops-ring);border-radius:10px}@media (max-width:480px){.ops-login{padding:36px 16px}.ops-login .ops-card{padding:26px 20px 24px;border-radius:18px}}