.signin{display:grid;place-items:center;min-height:100vh;padding:var(--space-5) max(var(--space-4),env(safe-area-inset-left,0px)) var(--space-5) max(var(--space-4),env(safe-area-inset-right,0px));background:var(--page)}.signin:focus{outline:2px solid transparent}.signin__card{display:grid;grid-gap:var(--space-4);gap:var(--space-4);width:100%;max-width:400px;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.signin__brand{gap:var(--space-3)}.signin__brand,.signin__mark{display:flex;align-items:center}.signin__mark{flex:none;justify-content:center;gap:var(--space-1);width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent)}.signin__mark span{width:4px;height:12px;border-radius:var(--radius-sm);background:var(--accent-ink)}.signin__mark span:nth-child(2){height:20px}.signin__mark span:nth-child(3){height:26px}.signin__name{display:grid;grid-gap:var(--space-1);gap:var(--space-1);font-family:Manrope,IBM Plex Sans Arabic,system-ui,sans-serif;font-size:var(--fs-20);font-weight:700;line-height:var(--lh-tight)}.signin__line{color:var(--text-secondary);font-family:Public Sans,IBM Plex Sans Arabic,system-ui,sans-serif;font-size:var(--fs-12);font-weight:500;line-height:16px}.signin__title{margin:0;font-size:var(--fs-24);font-weight:700;line-height:var(--lh-tight)}.signin__form{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.signin .ui-btn,.signin .ui-check,.signin .ui-input{min-height:var(--hit)}.signin__text{color:var(--text-secondary)}.signin__error,.signin__info,.signin__text{margin:0;font-size:var(--fs-14);line-height:var(--lh-body)}.signin__error,.signin__info{padding:var(--space-3);border-radius:var(--radius-md)}.signin__error{border:1px solid var(--critical);background:var(--critical-bg);color:var(--text-primary)}.signin__info{border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary)}.signin__help{display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--gridline)}.signin__help .signin__text{color:var(--text-secondary)}.signin__actions{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}