.sign-in{background:var(--surface-canvas);min-block-size:100dvh;color:var(--content-secondary);place-items:center;padding:clamp(1.5rem,6vw,5rem);display:grid}.sign-in__panel{gap:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);inline-size:min(26rem,100%);padding:clamp(1.5rem,4vw,2.5rem);display:grid}.sign-in__label{color:var(--accent-stria-strong);font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:720}.sign-in__title{color:var(--content-primary);font-size:clamp(1.25rem,2vw,1.6rem);line-height:var(--line-height-tight);margin:0}.sign-in__form{gap:var(--space-3);display:grid}.sign-in__field{gap:var(--space-2);color:var(--content-primary);font-size:var(--font-size-sm);font-weight:620;display:grid}.sign-in__field input{padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-base);color:var(--content-primary);font:inherit;font-weight:400}.sign-in__submit{inline-size:fit-content;padding:var(--space-3) var(--space-6);border:1px solid var(--accent-stria-strong);background:var(--accent-stria);color:#fff;font:inherit;font-size:var(--font-size-sm);border-radius:999px;font-weight:680}.sign-in__submit:disabled{border-color:var(--border-strong);background:var(--state-pressed);color:var(--content-disabled)}.sign-in__note{font-size:var(--font-size-sm);margin:0}.sign-in__note--error{color:var(--state-danger,#9b2929)}.sign-in__retry{inline-size:fit-content;padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);color:var(--content-primary);font:inherit;font-size:var(--font-size-sm);background:0 0;border-radius:999px;font-weight:680}@media (hover:hover){.sign-in__retry:hover{background:var(--state-hover)}}