.na-login{width:100%;max-width:26rem;margin:0 auto}.na-modal:has(.na-login){max-width:26rem}.na-login__header{display:flex;align-items:center;gap:var(--spacing-sm);-webkit-margin-after:var(--spacing-lg);margin-block-end:var(--spacing-lg)}.na-login__header-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:var(--color-primary);color:#fff}.na-login__header-icon svg{width:1.125rem;height:1.125rem}.na-login__header-title{margin:0;font-size:1.125rem}.na-login__section-row{display:flex;align-items:baseline;justify-content:space-between;-webkit-margin-after:var(--spacing-md);margin-block-end:var(--spacing-md)}.na-login__section-title{font-size:.8125rem;font-weight:700;letter-spacing:.03em;color:var(--color-text-muted)}.na-login__create-link{background:none;border:none;padding:0;font-family:var(--font-primary);font-size:.8125rem;font-weight:600;color:var(--color-primary);text-decoration:none;cursor:pointer}.na-login__create-link:hover{text-decoration:underline}.na-login__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.na-login__field{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-heading);font-size:.9375rem;transition:border-color .15s ease}.na-login__field::placeholder{color:var(--color-text-muted)}.na-login__field[type=tel]{direction:rtl;text-align:right}.na-login__field:focus{outline:none;border-color:var(--color-primary)}.na-login__field-wrap{position:relative}.na-login__field-wrap .na-login__field{-webkit-padding-end:2.75rem;padding-inline-end:2.75rem}.na-login__field-icon{position:absolute;top:50%;inset-inline-end:var(--spacing-md);transform:translateY(-50%);display:inline-flex;border:none;background:none;padding:0;color:var(--color-text-muted);cursor:pointer;transition:color .15s ease}.na-login__field-icon:hover{color:var(--color-text)}.na-login__field-icon--static{cursor:default;pointer-events:none}.na-login__select-root{position:relative}.na-login__select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:start}.na-login__select-placeholder{color:var(--color-text-muted)}.na-login__select-panel{position:absolute;z-index:10;top:calc(100% + var(--spacing-xs));inset-inline:0;margin:0;padding:var(--spacing-xs);display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);box-shadow:0 .5rem 1.5rem rgba(0,0,0,.15);max-height:14rem;overflow-y:auto}.na-login__select-option{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:none;color:var(--color-text);font-family:var(--font-heading);font-size:.9375rem;text-align:start;cursor:pointer;transition:background-color .15s ease,color .15s ease}.na-login__select-option:hover{background-color:var(--color-border)}.na-login__select-option[data-selected]{background-color:var(--color-primary);color:#fff}.na-login__field-icon svg{width:1.125rem;height:1.125rem}.na-login__row{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem}.na-login__checkbox{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.na-login__checkbox input{position:absolute;opacity:0;width:1px;height:1px}.na-login__checkbox-box{display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border-radius:.3125rem;border:var(--border-width) solid var(--color-border);color:transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.na-login__checkbox-box svg{width:.75rem;height:.75rem}.na-login__checkbox input:checked+.na-login__checkbox-box{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.na-login__checkbox input:focus-visible+.na-login__checkbox-box{outline:2px solid var(--color-primary);outline-offset:2px}.na-login__forgot{color:var(--color-text-muted);text-decoration:none}.na-login__forgot:hover{color:var(--color-primary);text-decoration:underline}.na-login__hint{margin:0;font-size:.8125rem;color:var(--color-text-muted)}.na-login__error{margin:0;color:var(--color-error);font-family:var(--font-heading);font-size:.875rem}.na-login__success{margin:0;color:var(--color-success);font-size:.875rem}.na-button.na-login__submit{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:.0625rem solid var(--color-primary);border-radius:.25rem;background-color:var(--color-accent);color:var(--color-primary);font-family:var(--font-heading);font-size:.9375rem;font-weight:700;box-shadow:.125rem .125rem 0 var(--color-primary)}.na-button.na-login__submit:hover:not(:disabled){border-radius:.25rem;background-color:#e6b23d}.na-login__footer{-webkit-margin-before:var(--spacing-md);margin-block-start:var(--spacing-md);text-align:center;font-family:var(--font-heading);font-size:.8125rem;color:var(--color-text-muted)}.na-login__footer a,.na-login__toggle{color:var(--color-primary);font-weight:700;text-decoration:underline}.na-login__toggle{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-heading);font-size:inherit}.na-login__support{display:flex;align-items:center;gap:var(--spacing-sm);-webkit-margin-before:var(--spacing-lg);margin-block-start:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);text-decoration:none;transition:border-color .15s ease}.na-login__support:hover{border-color:var(--color-primary)}.na-login__support-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--color-accent-soft,var(--color-border));color:var(--color-primary)}.na-login__support-icon svg{width:1.25rem;height:1.25rem}.na-login__support-text{display:flex;flex-direction:column;flex:1 1;font-size:.8125rem;color:var(--color-text-muted)}.na-login__support-text strong{font-size:.875rem;color:var(--color-text)}.na-login__support-cta{flex-shrink:0;padding:.4375rem var(--spacing-md);border-radius:999px;background-color:var(--color-primary);color:#fff;font-size:.8125rem;font-weight:700;white-space:nowrap}