/* EHSAN EPT — registration v5: actual responsive controls, not an image pasted as a UI. */
:root{--rv5-ice:#cfeaff;--rv5-border:rgba(126,193,255,.64);--rv5-bg:#061532}
.auth-v4.auth-shell{padding:20px 20px 34px;background:#041128;min-height:100dvh;overflow:visible;overflow-x:clip}
.auth-v4 .auth-background{background-image:linear-gradient(180deg,rgba(2,8,28,.07),rgba(1,11,31,.08) 50%,rgba(1,9,25,.27)),url('/assets/auth-scenery-v5.webp');background-size:cover;background-position:center center}
.auth-v4:before{background:linear-gradient(90deg,rgba(1,9,29,.13),transparent 30%,transparent 70%,rgba(1,10,32,.10));}
.auth-v4 .auth-layout{max-width:1700px;min-height:calc(100dvh - 55px);gap:13px;justify-content:center;padding:4px 0 8px}
.auth-v4 .auth-hero{gap:1px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.35))}
.auth-v4 .auth-hero-logo-wrap{height:98px;width:98px;margin-bottom:4px;border-radius:21px;filter:drop-shadow(0 0 17px #00a3ff8c)}
.auth-v4 .auth-title-en{font-size:clamp(35px,3.1vw,49px);letter-spacing:1px;line-height:1.1;font-family:'Segoe UI',Arial,sans-serif;font-weight:900}
.auth-v4 .auth-hero h1{font-size:17px;font-weight:650;line-height:1.7}
.auth-v4 .ept-email-panel{box-sizing:border-box;width:min(626px,calc(100vw - 42px));padding:21px 45px 18px;background:linear-gradient(143deg,rgba(16,49,101,.93),rgba(4,23,59,.965) 70%);border-radius:25px;border:1.5px solid #80c5ff;box-shadow:0 14px 75px #01091fc9,0 0 0 3px #2969cc1f,0 0 25px #208bf266,inset 0 1px 1px #bcf7ff4d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-align:right;position:relative}
.auth-v4 .ept-email-panel .tabs{background:linear-gradient(145deg,#081b3d,#10295a);margin:0 0 12px;border-radius:50px;padding:3px;border:1px solid #6aa5e49c;gap:3px;min-height:49px}
.auth-v4 .ept-email-panel .tabs .tab{font-size:15px;font-weight:750;border-radius:50px;padding:8px 15px;min-height:40px}
.auth-v4 .ept-email-panel .tabs .tab.selected{background:linear-gradient(106deg,#1358d8,#067df5 52%,#24bff8);box-shadow:0 0 16px #009dff75,inset 0 1px 3px #b5faffd4;color:#fff;border:1px solid #77e0ff}
.auth-v4 .ept-email-panel #emailStartForm{width:100%}
.auth-v4 .ept-email-panel label{font-size:13px;line-height:1.45;margin:8px 0 0;color:#f4faff;font-weight:650}
.auth-v4 .ept-email-panel .auth-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:end}
.auth-v4 .ept-email-panel .auth-two>label,.auth-v4 .ept-email-panel .auth-two>.auth-country-control{min-width:0}
.auth-v4 .ept-email-panel input:not([type=checkbox]),.auth-v4 .ept-email-panel select,.auth-v4 .ept-email-panel .country-trigger{width:100%;min-width:0;min-height:44px;height:44px;border-radius:10px;margin-top:6px;padding:9px 13px;background:linear-gradient(130deg,rgba(21,54,101,.86),rgba(14,36,76,.91));border:1px solid #6699dbb0;box-shadow:inset 0 1px 5px #010b2454;color:#e7f4ff;font-size:13px}
.auth-v4 .ept-email-panel input::placeholder{color:#a8bddc;opacity:.9}
.auth-v4 .ept-email-panel .auth-input-wrap{display:block;position:relative}
.auth-v4 .ept-email-panel .auth-input-wrap input{padding-inline-end:39px}
.auth-v4 .ept-email-panel .auth-input-wrap input[dir=ltr]{padding-right:39px}
.auth-v4 .ept-email-panel .field-icon{position:absolute;top:50%;right:12px;transform:translateY(-40%);color:#daf3ff;font-size:21px;line-height:1;pointer-events:none}
.auth-v4 .ept-email-panel .email-field .field-icon{right:12px}
.auth-v4 .ept-email-panel .email-field input{direction:ltr;text-align:left}
.auth-v4 .ept-email-panel .auth-country-control>label{display:block}
.auth-v4 .ept-email-panel #country.country-native{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;margin:0}
.auth-v4 .ept-email-panel .auth-country-control{position:relative}
.auth-v4 .ept-email-panel .country-trigger{display:flex;justify-content:flex-start;align-items:center;gap:9px;direction:ltr;text-align:left;cursor:pointer;white-space:nowrap}
.auth-v4 .ept-email-panel .country-trigger #countrySelectedText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:'Segoe UI',Arial,sans-serif;font-size:13px}
.auth-v4 .ept-email-panel .country-selected-flag,.auth-v4 .ept-email-panel .flag-sprite{width:30px;height:22px;flex:0 0 30px;background-image:url('/assets/country-flags.png');background-size:480px 352px;background-repeat:no-repeat;display:inline-block;border-radius:3px;box-shadow:0 0 0 1px #e0eeff38;overflow:hidden;font-size:0}
.auth-v4 .ept-email-panel .country-trigger .chevron{font-size:21px;color:#dbf0ff;line-height:1}
.auth-v4 .ept-email-panel .country-trigger[aria-expanded=true]{border-color:#7bdafe;box-shadow:0 0 0 3px #008bff38}
.auth-v4 .ept-email-panel .country-menu{position:absolute;z-index:100;top:calc(100% + 6px);right:0;left:0;min-width:min(360px,calc(100vw - 42px));background:#071c3ef9;border:1px solid #75b9ff;box-shadow:0 25px 55px #010b22e0,0 0 18px #0877ed6b;border-radius:13px;padding:9px;color:#edf9ff;direction:ltr}
.auth-v4 .ept-email-panel .country-menu #countrySearch{margin:0 0 6px;padding:9px 11px;border-radius:9px;font-family:'Segoe UI',Arial,sans-serif;height:40px;min-height:40px;font-size:14px}
.auth-v4 .ept-email-panel #countryOptions{height:auto;max-height:207px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#367ad1 transparent}
.auth-v4 .ept-email-panel .country-item{width:100%;min-height:41px;display:flex;align-items:center;gap:9px;background:transparent;color:#e8f4ff;font:13px 'Segoe UI',Arial,sans-serif;text-align:left;padding:6px 7px;border-radius:9px;direction:ltr}
.auth-v4 .ept-email-panel .country-item:hover,.auth-v4 .ept-email-panel .country-item[aria-selected=true],.auth-v4 .ept-email-panel .country-item:focus-visible{background:linear-gradient(100deg,#1768d8,#1152a5);color:white}
.auth-v4 .ept-email-panel .country-item .country-item-name{flex:1;line-height:1.35;min-width:0}
.auth-v4 .ept-email-panel .country-item .country-item-code{font-weight:700;opacity:.84}
.auth-v4 .ept-email-panel .country-no-results{padding:18px;text-align:center;color:#b7d3fa;font-size:12px}
.auth-v4 .ept-email-panel .auth-phone-line{display:flex;flex-direction:row-reverse;align-items:center;direction:ltr;margin-top:6px;min-height:44px;height:44px;background:linear-gradient(130deg,rgba(21,54,101,.86),rgba(14,36,76,.91));border-radius:10px;border:1px solid #6699dbb0;overflow:hidden;padding:0 7px}
.auth-v4 .ept-email-panel .auth-phone-line #dialCode{font-family:'Segoe UI',Arial,sans-serif;font-size:12px;color:#bee6ff;border-right:1px solid #75a9ec7a;padding:0 8px 0 3px;white-space:nowrap}
.auth-v4 .ept-email-panel .auth-phone-line input{border:0;box-shadow:none;background:transparent;margin:0;padding:7px 5px;height:40px;min-height:40px;direction:ltr;text-align:left;flex:1}
.auth-v4 .ept-email-panel .auth-phone-line input:focus{box-shadow:none}
.auth-v4 .terms-consent{margin-top:10px;border:1px solid transparent}
.auth-v4 .terms-consent>label{display:flex;gap:9px;align-items:center;margin:0;font-size:12px;font-weight:500;line-height:1.7;cursor:pointer}
.auth-v4 .terms-consent input[type=checkbox]{width:21px;min-width:21px;height:21px;margin:0;accent-color:#1689fb;cursor:pointer}
.auth-v4 .terms-consent .terms-link{background:none;border:none;color:#88d8ff;padding:0;text-decoration:underline;text-underline-offset:3px;font-size:inherit;font-weight:650}
.auth-v4 .terms-consent .terms-link:hover{color:#d5f6ff}
.auth-v4 .terms-consent .terms-help{color:#aec7e9;display:block;font-size:10px;margin:2px 30px 0}
.auth-v4 .ept-email-panel #emailSend{height:53px;min-height:53px;margin-top:12px;border-radius:26px;background:linear-gradient(112deg,#22c0f8,#0878ff 33%,#075add 65%,#18b8fa);box-shadow:0 0 22px #007dff91,0 6px 18px #003bba8c,inset 0 1px 4px #b8ffffea;border:1px solid #8deaff;letter-spacing:0;font-size:19px}
.auth-v4 .ept-email-panel #emailSend:disabled{filter:saturate(.4);opacity:.52;box-shadow:none;cursor:not-allowed}
.auth-v4 .ept-email-panel .auth-footer-note{font-size:10.5px;line-height:1.9;color:#c2d5ef;border-top:1px solid #81bbfc28;padding-top:9px;margin:11px 0 0}
.auth-v4 .ept-email-panel .auth-footer-note b{color:#7dd5ff;font-weight:750}
.auth-v4 .ept-email-panel #emailVerifyForm .verify-heading{font-size:22px}
.auth-v4 .ept-email-panel #emailVerifyForm label{margin-top:13px}
/* Modal is a real accessible scrollable document with explicit acceptance */
#legalModal{z-index:1000;align-items:center;justify-content:center;padding:18px;background:#02091ae0}
#legalModal:not(.hidden){display:flex}
.legal-dialog{width:min(700px,100%);max-height:min(840px,94dvh);display:flex;flex-direction:column;border:1px solid #65b4fb;border-radius:22px;background:linear-gradient(140deg,#102c55,#061832);color:#ecf8ff;box-shadow:0 35px 105px #000e;overflow:hidden;direction:rtl}
.legal-top{padding:18px 22px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #3263a7}
.legal-top h2{margin:0;font-size:20px}.legal-top button{width:36px;height:36px;border-radius:10px;background:#183f71;color:#ecf6ff;font-size:24px}
.legal-content{overflow-y:auto;padding:18px 25px;line-height:2;min-height:0;white-space:normal;font-size:13px;color:#deebfd;scrollbar-color:#316cb4 transparent}
.legal-content h3{margin:17px 0 5px;color:#8ce1ff;font-size:15px}.legal-content p{margin:6px 0 14px}.legal-content ul{padding-right:21px;margin:5px 0 15px}.legal-content li{margin:3px 0}
.legal-actions{padding:12px 20px 17px;display:flex;gap:10px;border-top:1px solid #3263a7;flex-wrap:wrap}.legal-actions button{font-size:13px;min-height:41px}.legal-actions .secondary{background:#1b3862;border:1px solid #407bb9;color:#edf8ff}
@media(max-height:850px) and (min-width:701px){.auth-v4 .auth-layout{justify-content:flex-start}.auth-v4 .auth-hero-logo-wrap{width:80px;height:80px}.auth-v4 .auth-title-en{font-size:37px}.auth-v4 .ept-email-panel{padding-top:15px;padding-bottom:12px}.auth-v4 .ept-email-panel label{margin-top:6px}.auth-v4 .ept-email-panel input:not([type=checkbox]),.auth-v4 .ept-email-panel select,.auth-v4 .ept-email-panel .country-trigger{height:39px;min-height:39px}.auth-v4 .ept-email-panel .auth-phone-line{height:39px;min-height:39px}.auth-v4 .ept-email-panel .auth-phone-line input{height:36px;min-height:36px}}
@media(max-width:700px){.auth-v4.auth-shell{padding:18px 11px 34px}.auth-v4 .auth-layout{gap:14px;justify-content:flex-start;min-height:calc(100dvh - 52px)}.auth-v4 .auth-hero{margin:2px auto 0}.auth-v4 .auth-hero-logo-wrap{width:76px;height:76px}.auth-v4 .auth-title-en{font-size:32px}.auth-v4 .auth-hero h1{font-size:13px}.auth-v4 .ept-email-panel{width:min(510px,100%);padding:17px 18px 17px;border-radius:22px}.auth-v4 .ept-email-panel label{font-size:12px}.auth-v4 .ept-email-panel .auth-two{gap:9px}.auth-v4 .ept-email-panel .auth-country-control .country-trigger #countrySelectedText{font-size:11px}.auth-v4 .ept-email-panel .country-menu{min-width:min(330px,calc(100vw - 50px))}.auth-v4 .ept-email-panel #emailSend{font-size:16px;min-height:48px;height:48px}}
@media(max-width:380px){.auth-v4 .ept-email-panel{padding:15px 12px}.auth-v4 .ept-email-panel .auth-country-row{grid-template-columns:1fr}.auth-v4 .ept-email-panel .country-trigger #countrySelectedText{font-size:13px}.auth-v4 .ept-email-panel .auth-two:not(.auth-country-row){grid-template-columns:1fr 1fr;gap:7px}.auth-v4 .ept-email-panel .auth-two label{font-size:11px}.auth-v4 .ept-email-panel input:not([type=checkbox]),.auth-v4 .ept-email-panel select{padding:8px;font-size:12px}.auth-v4 .ept-email-panel .auth-input-wrap input{padding-right:29px}.auth-v4 .ept-email-panel .field-icon{right:6px;font-size:16px}}

/* V6 password-first authentication; preserve the approved glassmorphism. */
.auth-v4 .ept-email-panel .password-pair{margin-top:5px}
.auth-v4 .ept-email-panel .password-pair input{font-family:inherit;font-size:12px}
.auth-v4 .ept-email-panel .password-hint{color:#b9d9fa;font-size:11px;margin:6px 0 0;line-height:1.6}
.auth-v4 .ept-email-panel .auth-intro{color:#c8e5ff;font-size:13px;line-height:1.85;margin:12px 0 18px}
.auth-v4 .ept-email-panel .auth-mini-title{color:#f2faff;font-size:20px;text-align:center;margin:16px 0 5px}
.auth-v4 .ept-email-panel .auth-small-link{display:block;margin:12px auto 2px;padding:10px 13px;background:transparent;border:0;color:#91dcff;font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.auth-v4 .ept-email-panel .form-info{margin:15px 0 0;line-height:1.9;font-size:13px;color:#c9e5ff;text-align:center}
.auth-v4 .ept-email-panel .auth-login-phone{margin-top:6px;grid-template-columns: minmax(0,1fr) minmax(0,1.2fr)}
.auth-v4 .ept-email-panel #loginCountry,.auth-v4 .ept-email-panel #forgotCountry{font:12px 'Segoe UI',Arial,sans-serif;direction:ltr}
.auth-v4 .ept-email-panel #phoneLoginForm,.auth-v4 .ept-email-panel #forgotPasswordForm,.auth-v4 .ept-email-panel #resetPasswordForm{max-width:100%}
.auth-v4 .ept-email-panel #phoneLoginForm .primary,.auth-v4 .ept-email-panel #forgotPasswordForm .primary,.auth-v4 .ept-email-panel #resetPasswordForm .primary{margin-top:24px}
.auth-v4 .ept-email-panel input[type=password]{text-align:left;direction:ltr}
@media(max-width:420px){.auth-v4 .ept-email-panel .password-pair{grid-template-columns:1fr}.auth-v4 .ept-email-panel .auth-login-phone{grid-template-columns:1fr}.auth-v4 .ept-email-panel .auth-login-phone select{font-size:12px}}

.auth-v4 .ept-email-panel #gender option{background-color:#ffffff!important;color:#102040!important}
/* V7.1: keep name entry unobstructed on Windows Chrome and mobile. */
.auth-v4 .ept-email-panel #firstName,
.auth-v4 .ept-email-panel #lastName {
  direction: rtl;
  text-align: right;
  padding-inline: 12px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.auth-v4 .ept-email-panel #firstName::placeholder,
.auth-v4 .ept-email-panel #lastName::placeholder { opacity: .72; }
