.sq-auth-wrap{background:#f4f8fc!important}.sq-auth-card{border-radius:12px;box-shadow:0 10px 45px #142d4610;border:1px solid #e3eaf0}.sq-auth-visual{background:#eaf3fb!important;color:#142d46;padding:36px 36px 0}.sq-auth-visual:after,.sq-auth-visual .sq-orb,.sq-auth-visual .sq-ring{display:none}.sq-auth-visual .sq-visual-logo{filter:none;-webkit-filter:none;margin-bottom:0;height:48px!important}.sq-visual-head h2{color:#142d46;font-size:27px}.sq-visual-head p,.sq-visual-features li{color:#526a80}.sq-visual-features{margin-top:20px;gap:10px}.sq-visual-features .ic{color:#3285ff;background:white}.sq-visual-campaign{display:block;width:calc(100% + 72px);max-width:none;margin:26px -36px 0;min-height:220px;object-fit:cover;flex:1}.sq-auth-form{padding:42px}.sq-auth-form .form-control{border-radius:6px!important}.sq-auth-form .btn-primary{border-radius:6px!important;background:#3285ff}.sq-auth-card .sq-form-head h1{color:#142d46}.sq-auth-slogan{font-size:13px;font-weight:700;color:#3285ff;margin:17px 0 0}
@media(max-width:767px){.sq-auth-form{padding:28px 22px}.sq-auth-visual{padding:25px 25px 0}.sq-visual-campaign{width:calc(100% + 50px);margin:20px -25px 0;min-height:170px;max-height:210px}.sq-auth-card{border-radius:10px}}

/* Customer access: rounded fields, a quiet editorial panel and an Arabic phone picker. */
.sq-access-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100dvh;padding:22px 32px 18px;background:radial-gradient(ellipse at 5% 5%,#ddf9ff,transparent 48%),radial-gradient(ellipse at 95% 85%,#e6edff,transparent 45%),#f7faff!important;color:#142d46;--sq-primary:#3285ff;--sq-primary-d:#1769df;--sq-line:#dde7f1}
.sq-access-top{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1120px;margin-bottom:20px}.sq-access-top img{width:145px;height:57px;object-fit:contain}.sq-access-home{display:flex;align-items:center;gap:10px;font-size:13px;color:#53708a}.sq-access-home i{color:#2878dc;font-size:21px;background:#e8f1ff;border-radius:50%;padding:8px}
.sq-access-card{display:grid;min-height:0;max-width:1120px;border-radius:28px!important;border:1px solid #e0eaf4;box-shadow:0 25px 70px #203e6810;grid-template-columns:1fr 1.08fr;overflow:visible;align-items:stretch}
.sq-access-card .sq-auth-visual{border-radius:0 28px 28px 0;background:linear-gradient(150deg,#edf6ff,#e8faff)!important;display:flex;flex-direction:column;justify-content:center;padding:40px 34px;overflow:hidden;position:relative}
.sq-access-kicker{color:#3680cb;font-size:11px;letter-spacing:.5px;font-weight:700}.sq-access-card .sq-visual-head{margin:14px 0 24px}.sq-access-card .sq-visual-head h2{font-size:38px;line-height:1.35;font-weight:800;letter-spacing:-1px;color:#17324c;max-width:340px}.sq-access-card .sq-visual-head p{font-size:14px;color:#59748b;max-width:340px;line-height:1.9;margin-top:12px}
.sq-access-photo{position:relative;border-radius:22px;overflow:hidden;background:#dceefb;aspect-ratio:1.38;flex:none;width:100%;box-shadow:0 12px 30px #2a72a914}.sq-access-photo>img{width:100%;height:100%;object-fit:cover}.sq-access-photo>span{position:absolute;bottom:14px;inset-inline:14px;display:flex;align-items:center;justify-content:space-between;background:#ffffffed;border:1px solid #fff;border-radius:12px;padding:10px 14px;color:#285476;font-size:12px;font-weight:700}.sq-access-photo i{color:#c08222}
.sq-access-benefits{display:flex;flex-wrap:wrap;gap:12px 17px;padding:0;margin:24px 0 0;list-style:none}.sq-access-benefits li{display:flex;align-items:center;gap:7px;font-size:11px;color:#526d84}.sq-access-benefits i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#fff;font-size:19px;color:#267bdf}.sq-access-benefits li:first-child i{color:#cd4e82}.sq-access-benefits li:last-child i{color:#7757c5}
.sq-access-card .sq-auth-form{padding:34px 42px;background:#fff;border-radius:28px 0 0 28px;max-height:none;overflow:visible;min-height:0}.sq-access-tabs{display:flex;background:#f2f6fb;border:1px solid #e8eef6;border-radius:13px;padding:4px;margin-bottom:25px;gap:5px}.sq-access-tabs a{width:50%;padding:9px;text-align:center;border-radius:9px;font-size:13px;color:#718397;font-weight:700}.sq-access-tabs a[aria-current=page]{background:#fff;box-shadow:0 2px 8px #17324c0d;color:#2374df}
.sq-access-welcome{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#64809c;margin-bottom:10px}.sq-access-welcome i{color:#2878dc;background:#edf5ff;border-radius:9px;padding:7px;font-size:19px}.sq-access-card .sq-form-head{margin-bottom:24px}.sq-access-card .sq-form-head h1{font-size:28px;margin-bottom:8px;font-weight:800;color:#17324c;letter-spacing:-.5px}.sq-access-card .sq-form-head p{font-size:13px;color:#76899a;margin:0}
.sq-access-card .sq-auth-form .form-group{margin-bottom:17px}.sq-access-card .sq-auth-form label{font-size:13px;color:#304d67;margin-bottom:8px}.sq-access-card .sq-auth-form .form-control{border-radius:15px!important;border:1px solid #dce6f0!important;background:#f9fbfe;height:54px!important;font-size:14px;box-shadow:none!important;padding:0 46px!important;min-width:0}.sq-access-card .sq-auth-form .form-control:focus{background:#fff;border-color:#3285ff!important;box-shadow:0 0 0 4px #3285ff10!important}.sq-access-card .sq-field>.sq-ic{color:#6b87b4;background:#ecf3ff;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;font-size:17px;inset-inline-start:10px}.sq-access-card .sq-field>.la-user{color:#7757c5;background:#f3efff}.sq-access-card .sq-field>.la-shield-alt{color:#118c9d;background:#e8f8fa}.sq-access-card .form-control::placeholder{color:#9caec0;font-size:12px}
.sq-password-action{position:absolute;inset-inline-end:8px;top:8px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:10px;color:#527aaa;background:transparent;cursor:pointer;z-index:3;font-size:21px}.sq-password-action:hover{background:#eaf3ff}.sq-access-card .sq-hint{font-size:11px;color:#8193a6;line-height:1.7;margin:7px 0 0}.sq-field-error{font-size:12px;color:#c63657;margin:6px 0 0}.sq-field-error:empty{display:none}.sq-access-card .sq-auth-form .form-control.is-invalid{border-color:#ce477d!important}
.sq-access-card .sq-auth-form .sq-access-check{display:flex;align-items:flex-start;gap:9px;font-weight:400;font-size:12px;line-height:1.8;margin:5px 0 18px}.sq-access-check input{width:17px;height:17px;flex:0 0 17px;accent-color:#3285ff;margin-top:2px;border-radius:5px}.sq-access-check a{color:#2374df;font-weight:700}.sq-access-card .sq-row-between{margin:0 0 15px;align-items:center}.sq-access-card .sq-row-between .sq-access-check{margin:0}.sq-access-card .sq-forgot{font-size:12px}.sq-access-card .sq-access-submit{border-radius:15px!important;background:linear-gradient(110deg,#2778ec,#3285ff)!important;justify-content:space-between;padding:0 20px;height:54px!important;box-shadow:0 8px 18px #3285ff25}.sq-access-submit i{color:#fff;font-size:22px}.sq-access-card .sq-switch{font-size:12px;margin-top:22px}.sq-access-footer{font-size:11px;color:#8092a7;margin:23px 0 0;text-align:center}.sq-access-footer span{margin:0 10px;color:#3285ff}
.sq-phone-field{direction:ltr}.sq-phone-field .iti{display:block;width:100%;direction:ltr}.sq-access-card .sq-auth-form input.iti__tel-input{padding-left:122px!important;padding-right:18px!important;text-align:left;direction:ltr;font-family:Arial,'Tajawal',sans-serif}.sq-phone-field .iti__country-container{left:0;right:auto;padding:6px;direction:ltr}.sq-phone-field .iti__selected-country{background:#edf4ff;border-radius:10px;min-width:103px;justify-content:center;direction:ltr;color:#305e94;font:13px Arial}.sq-phone-field .iti__selected-country-primary{border-radius:10px;padding:0 7px;direction:ltr}.sq-phone-field .iti__selected-dial-code{margin-left:3px;margin-right:7px}.sq-phone-field .iti__arrow{border-top:0;border-left:0;margin-left:8px;margin-right:0}.sq-phone-field .iti__selected-country:focus-visible{outline:2px solid #3285ff;outline-offset:2px}
.iti--detached-country-selector{z-index:1200;font-family:'Tajawal',sans-serif;--iti-hover-color:#edf5ff;--iti-icon-color:#4f7eb4;--iti-mobile-popup-margin:28px}.iti--detached-country-selector .iti__country-selector{border:1px solid #d8e6f4;border-radius:16px;box-shadow:0 16px 45px #17324c26;overflow:hidden;direction:rtl;background:white}.iti--detached-country-selector .iti__search-input{height:52px;background:#f7faff;font-family:inherit;font-size:13px;outline:0;border:0;border-radius:0;padding-inline:37px}.iti--detached-country-selector .iti__country-list{max-height:280px;position:static;border:0;box-shadow:none;white-space:normal;width:100%;direction:rtl}.iti--detached-country-selector .iti__country{display:flex;align-items:center;gap:10px;padding:11px 14px;font-size:14px;min-height:42px;direction:rtl}.iti--detached-country-selector .iti__country-name{flex:1;margin:0}.iti--detached-country-selector .iti__dial-code{direction:ltr;margin:0;color:#6d8ba6;font:12px Arial}.iti--detached-country-selector .iti__flag-box{margin:0}.iti--detached-country-selector .iti__country[aria-selected=true]{background:#eaf3ff;color:#1d70d8}.iti--fullscreen-popup .iti__country-list{max-height:none;flex:1}.iti--fullscreen-popup.iti--detached-country-selector{background:#142d4670;backdrop-filter:blur(5px);padding-top:65px}.iti--fullscreen-popup .iti__country-selector{height:100%;max-height:640px}.iti--fullscreen-popup .iti__close-button{position:fixed;top:14px;right:20px;left:auto!important;bottom:auto;width:38px;height:38px;border-radius:50%;background:#fff;color:#2878dc}
.sq-access-page :focus-visible{outline:3px solid #3285ff;outline-offset:3px}
[dir=rtl] .sq-access-card .sq-auth-form .phone-form-group input[type=tel]{padding-left:122px!important;padding-right:18px!important;text-align:left!important;direction:ltr}
.sq-access-page .iti__flag,.iti--detached-country-selector .iti__flag{height:var(--iti-flag-height)!important;width:var(--iti-flag-width)!important;background-position:calc(var(--iti-flag-offset,100) * var(--iti-flag-width)) 0!important;background-size:calc(var(--iti-flag-count) * var(--iti-flag-width)) var(--iti-flag-height)!important}
.iti--inline-country-selector.iti--detached-country-selector{width:max-content!important;max-width:calc(100vw - 24px);height:auto;direction:ltr}
.iti--inline-country-selector.iti--detached-country-selector .iti__country-selector{height:auto!important;max-height:380px}
.iti--inline-country-selector.iti--detached-country-selector .iti__country-list{position:static!important;max-height:280px!important}
.iti--detached-country-selector .iti__country{text-align:right}.iti--detached-country-selector .iti__country-name{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:right}
@media(max-width:900px){.sq-access-page{padding:15px 20px}.sq-access-card{grid-template-columns:.85fr 1fr!important}.sq-access-card .sq-auth-visual{padding:28px 22px;border-radius:0 28px 28px 0}.sq-access-card .sq-auth-form{padding:28px 25px;margin:0}.sq-access-card .sq-visual-head h2{font-size:30px}.sq-access-benefits{flex-direction:column}.sq-access-card .sq-form-head h1{font-size:24px}}
@media(max-width:650px){.sq-access-page{padding:12px 16px 20px}.sq-access-top{margin-bottom:16px}.sq-access-top img{width:120px;height:48px}.sq-access-home{font-size:11px;gap:6px}.sq-access-home i{font-size:17px;padding:6px}.sq-access-card{grid-template-columns:1fr!important;border-radius:22px!important;overflow:hidden}.sq-access-card .sq-auth-visual{padding:20px 22px;border-radius:0;display:block;min-height:0}.sq-access-card .sq-visual-head{margin:7px 0 0}.sq-access-card .sq-visual-head h2{font-size:25px;max-width:none;margin:0;letter-spacing:-.5px}.sq-access-kicker{font-size:10px}.sq-access-card .sq-visual-head p,.sq-access-photo,.sq-access-benefits{display:none}.sq-access-card .sq-auth-form{padding:24px 22px;border-radius:0}.sq-access-card .sq-form-head h1{font-size:25px}.sq-access-card .sq-form-head{margin-bottom:21px}.sq-access-tabs{margin-bottom:22px}.sq-access-card .sq-auth-form .form-control{font-size:16px}.sq-access-card .sq-auth-form .form-group{margin-bottom:16px}.sq-access-footer{max-width:280px;line-height:1.8;margin-top:20px}.sq-access-card .sq-auth-form .sq-access-check{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sq-access-page *{transition:none!important;animation:none!important}}