.ops-login-page{box-sizing:border-box;min-height:100svh;color:var(--ops-ink);background:linear-gradient(var(--ops-rule) 1px, transparent 1px), linear-gradient(90deg, var(--ops-rule) 1px, transparent 1px), var(--ops-canvas);font-family:var(--ops-interface);background-size:72px 72px;grid-template-rows:auto 1fr auto;padding:24px clamp(22px,5vw,72px) 28px;display:grid}.ops-login-page *,.ops-login-page :before,.ops-login-page :after{box-sizing:border-box}.ops-login-header{align-items:center;min-height:48px;display:flex}.ops-login-panel{border:1px solid var(--ops-rule-strong);border-top:3px solid var(--ops-logo-charge);border-radius:var(--ops-card-radius);background:color-mix(in srgb, var(--ops-surface-raised) 96%, transparent);align-self:center;width:min(100%,460px);margin:56px auto 80px;padding:clamp(30px,5vw,52px);animation:.32s ease-out both ops-login-arrive;box-shadow:0 26px 70px #1a140e14}.ops-login-kicker{color:var(--ops-ink-muted);font:600 10px/1 var(--ops-data);letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}.ops-login-panel h1{font:600 clamp(32px, 6vw, 46px)/1.03 var(--ops-display);letter-spacing:-.045em;margin:0}.ops-login-intro{color:var(--ops-ink-secondary);margin:16px 0 30px;font-size:14px;line-height:1.55}.ops-login-form{gap:10px;display:grid}.ops-login-form label{color:var(--ops-ink-secondary);font:600 11px/1.2 var(--ops-data);letter-spacing:.06em;text-transform:uppercase}.ops-login-form input{border:1px solid var(--ops-rule-strong);border-radius:var(--ops-control-radius);width:100%;height:50px;color:var(--ops-ink);background:var(--ops-surface-raised);font:500 18px/1 var(--ops-interface);letter-spacing:.04em;outline:0;padding:0 14px;transition:border-color .14s,box-shadow .14s}.ops-login-form input:focus{border-color:var(--ops-logo-charge);box-shadow:0 0 0 3px color-mix(in srgb, var(--ops-logo-charge) 14%, transparent)}.ops-login-form input[aria-invalid=true]{border-color:var(--ops-alert)}.ops-login-form>p{min-height:17px;color:var(--ops-ink-muted);margin:0;font-size:11px;line-height:1.45}.ops-login-form .ops-login-error{color:var(--ops-alert)}.ops-login-form button{border:1px solid var(--ops-cockpit);border-radius:var(--ops-control-radius);color:#fff;background:var(--ops-cockpit);min-height:50px;font:600 13px/1 var(--ops-interface);cursor:pointer;justify-content:space-between;align-items:center;margin-top:8px;padding:0 16px;transition:background .14s,border-color .14s,transform .14s;display:flex}.ops-login-form button:hover{background:var(--ops-logo-charge);border-color:var(--ops-logo-charge);transform:translateY(-1px)}.ops-login-form button:focus-visible{outline:3px solid color-mix(in srgb, var(--ops-logo-charge) 28%, transparent);outline-offset:2px}.ops-login-form button:disabled{cursor:wait;opacity:.68;transform:none}.ops-login-form button span{font-size:18px}.ops-login-footer{color:var(--ops-ink-muted);font:500 9px/1.3 var(--ops-data);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:20px;display:flex}@keyframes ops-login-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:560px){.ops-login-page{background-size:52px 52px;padding:18px 16px 22px}.ops-login-panel{margin:38px auto 54px;padding:28px 24px 30px}.ops-login-footer{flex-direction:column;align-items:flex-start;gap:5px}}@media (prefers-reduced-motion:reduce){.ops-login-panel{animation:none}.ops-login-form button{transition:none}}
