.brand-auth-page{background:linear-gradient(180deg,#e9ebf9,#f7f8fd 330px,#fff 600px);color:#141b34;font-family:Almarai,Arial,sans-serif;min-height:100vh;padding:156px 20px 100px;text-align:center}.brand-auth-page .brand-auth-mark{display:block;height:50px;margin:0 auto 18px;-o-object-fit:contain;object-fit:contain;width:32px}.brand-auth-page .brand-auth-heading{margin:0 auto 30px}.brand-auth-page .brand-auth-heading h1{font-size:24px;font-weight:700;line-height:1.6;margin:0 0 6px}.brand-auth-page .brand-auth-heading p{font-size:16px;line-height:1.8;margin:4px 0}.brand-auth-page .brand-auth-role-link button,.brand-auth-page a{color:#141b34;text-underline-offset:3px}.brand-auth-page .brand-auth-heading a,.brand-auth-page .brand-auth-terms a{font-weight:700}.brand-auth-page .brand-auth-card{background:#fff;border:1px solid #e3e3e3;border-radius:22px;margin:auto;max-width:458px;padding:24px}.brand-auth-page .brand-auth-divider{align-items:center;color:#999;display:flex;gap:18px;margin:24px 0}.brand-auth-page .brand-auth-divider:after,.brand-auth-page .brand-auth-divider:before{background:#ccc;content:"";flex:1;height:1px}.brand-auth-page .brand-auth-form{display:grid;gap:24px}.brand-auth-page .form-group{margin:0;text-align:right}.brand-auth-page label{display:block;font-size:15px;margin-bottom:10px}.brand-auth-page label span{color:#777}.brand-auth-page .form-input,.brand-auth-page .phone-input-wrapper{background:#f3f3f3;border:1px solid transparent;border-radius:20px;min-height:52px;width:100%}.brand-auth-page .form-input{color:inherit;font:inherit;padding:12px 16px}.brand-auth-page .phone-input-wrapper{align-items:center;display:flex;gap:10px;padding:7px}.brand-auth-page .country-code{background:#fff;border-radius:14px;color:#666;padding:7px 10px}.brand-auth-page .phone-input-wrapper input{background:transparent;border:0;color:inherit;direction:ltr;font:inherit;min-width:0;padding:5px;text-align:right;width:100%}.brand-auth-page .phone-input-wrapper:focus-within{outline:2px solid #141b34;outline-offset:3px}.brand-auth-page .phone-input-wrapper input:focus{outline:none}.brand-auth-page .auth-btn{background:#141b34;border:0;border-radius:100px;color:#fff;font:inherit;font-weight:700;min-height:52px;padding:12px 24px;width:100%}.brand-auth-page .auth-btn:hover:not(:disabled){background:#283252}.brand-auth-page button:disabled{cursor:not-allowed;opacity:.55}.brand-auth-page .form-input:focus-visible,.brand-auth-page .otp-input:focus-visible,.brand-auth-page a:focus-visible,.brand-auth-page button:focus-visible{outline:2px solid #141b34;outline-offset:4px}.brand-auth-page .brand-auth-terms{color:#777;font-size:13px;line-height:1.9;margin:-4px 0 0}.brand-auth-page .brand-auth-role-link{font-size:15px;margin:30px auto 0}.brand-auth-page .brand-auth-role-link button,.brand-auth-page .resend-btn{background:none;border:0;color:inherit;font:inherit;font-weight:700;padding:0 4px;text-decoration:underline}.brand-auth-page .error-message{color:#c71927;display:block;font-size:14px;margin:8px 0 0}.brand-auth-page .has-error{border-color:#c71927}.brand-auth-page .brand-auth-role{color:#666}.brand-auth-page .apple-sign-in,.brand-auth-page .google-sign-in{display:grid;gap:12px;justify-items:center;min-height:44px}.brand-auth-page .apple-sign-in{margin-top:16px}.brand-auth-page .apple-sign-in-button{align-items:center;background:#f3f3f3;border:0;border-radius:20px;color:#000;display:flex;font:inherit;gap:14px;min-height:52px;padding:12px 18px;text-align:right;width:100%}.brand-auth-page .apple-sign-in-button:hover:not(:disabled){background:#e9e9e9}.brand-auth-page .apple-sign-in-button svg{flex-shrink:0;height:26px;width:22px}.brand-auth-page .google-sign-in-button{max-width:100%;min-height:44px}.brand-auth-page .apple-sign-in-status,.brand-auth-page .google-sign-in-status{font-size:14px;margin:0}.brand-auth-page .apple-otp-form,.brand-auth-page .apple-phone-form,.brand-auth-page .google-otp-form,.brand-auth-page .google-phone-form{width:100%}.brand-auth-page .apple-otp-form .auth-form,.brand-auth-page .google-otp-form .auth-form{display:grid;gap:16px}.brand-auth-page .apple-otp-form .auth-title,.brand-auth-page .google-otp-form .auth-title{font-size:20px}.brand-auth-page .apple-otp-form .auth-subtitle,.brand-auth-page .google-otp-form .auth-subtitle{font-size:14px;line-height:1.8}.brand-auth-page .apple-otp-form>.resend-btn,.brand-auth-page .google-otp-form>.resend-btn{margin-top:16px}.brand-auth-page .apple-otp-form .otp-input[aria-invalid=true]{border-color:#c71927}.brand-auth-verify .brand-auth-heading{margin-bottom:48px}.brand-auth-verify .brand-auth-heading p{color:#777}.brand-auth-verify .brand-auth-form{gap:20px;margin:auto;max-width:406px}.brand-auth-verify .otp-container{direction:ltr;display:flex;gap:14px;justify-content:center}.brand-auth-verify .otp-input{background:#f3f3f3;border:1px solid transparent;border-radius:12px;color:#141b34;font:inherit;font-size:24px;height:56px;text-align:center;width:56px}.brand-auth-verify .otp-input.has-error{border-color:#c71927}.brand-auth-verify .otp-input.is-verified{border-color:#16a34a}.brand-auth-verify .resend-section{margin-top:28px}.brand-auth-verify .resend-text{display:inline;margin:0}.brand-auth-verify .resend-text[role=status]{display:block;margin-bottom:12px}.brand-auth-verify .error-message{margin:0}@media (max-width:575px){.brand-auth-page{padding:128px 16px 64px}.brand-auth-page .brand-auth-card{padding:20px 16px}.brand-auth-page .brand-auth-heading h1{font-size:22px}.brand-auth-page .brand-auth-heading p{font-size:14px}}