.ops-signin{background:var(--surface-sunken);min-block-size:100svh;color:var(--text);flex-direction:column;display:flex}.ops-signin-header{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:max(var(--sp-4), env(safe-area-inset-top)) var(--sp-6) var(--sp-4);border-block-end:var(--bw-hair) solid var(--border);display:flex}.ops-signin-brand{font:var(--type-heading);color:var(--text);text-decoration:none}.ops-signin-main{align-content:start;justify-items:center;gap:var(--sp-5);padding:var(--sp-12) var(--sp-4) max(var(--sp-8), env(safe-area-inset-bottom));flex:1;display:grid}.ops-signin-box{gap:var(--sp-6);inline-size:100%;min-inline-size:0;max-inline-size:28rem;padding:var(--sp-8);border:var(--bw-hair) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);display:grid}.ops-signin-intro h1{font:var(--type-title);letter-spacing:var(--tracking-display);margin:0}.ops-signin-intro p{font:var(--type-body);color:var(--text-secondary);margin:var(--sp-3) 0 0}.ops-password-row{gap:var(--sp-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.ops-signin-note{font:var(--type-body-dense);color:var(--text-secondary);margin:0}.ops-signin-back{font:var(--type-body-dense);color:var(--text-brand);text-underline-offset:.2em}.ops-signin a:focus-visible{outline:var(--bw-heavy) solid var(--focus);outline-offset:var(--sp-1)}@media (max-width:600px){.ops-signin-header{padding-inline:var(--sp-4)}.ops-signin-main{padding-block-start:var(--sp-8)}.ops-signin-box{padding:var(--sp-6)}}.ops-signin-intro p{font-size:16px}.ops-signin-note,.ops-signin-back,.ops-signin-box .op-field,.ops-signin-box .op-feedback,.ops-signin-box .op-button{font-size:14px}.ops-signin-box .op-button.primary{font-size:16px}