/* Global currency network artwork shared by sign-in and registration. */
.global-network{position:absolute;inset:0;filter:drop-shadow(0 24px 42px #020b1680)}
.network-globe{position:absolute;left:142px;top:106px;width:164px;height:164px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 33% 25%,#d7fbff 0 4%,#69d6dc 15%,#116b86 43%,#062b4b 72%,#031729 100%);border:1px solid #9de8ed;box-shadow:inset -24px -19px 34px #02121fb8,inset 15px 8px 26px #a6f7f060,0 0 0 9px #23bfce14,0 0 52px #2bd9df68;animation:globe-float 5s ease-in-out infinite}
.network-globe:before{content:'';position:absolute;inset:-5%;border-radius:50%;background:linear-gradient(112deg,transparent 32%,#fff8 46%,transparent 55%);transform:translateX(-70%);animation:globe-shine 5.5s ease-in-out infinite}
.globe-grid{position:absolute;inset:0;border-radius:50%;opacity:.34;background:repeating-linear-gradient(90deg,transparent 0 19px,#b8ffff55 20px 21px,transparent 22px 39px),repeating-linear-gradient(0deg,transparent 0 19px,#b8ffff45 20px 21px,transparent 22px 39px);mask-image:radial-gradient(circle,#000 58%,transparent 73%)}
.land{position:absolute;background:linear-gradient(145deg,#ffd58d,#f17822 70%);filter:drop-shadow(0 1px 2px #071724);opacity:.94}
.land-one{width:64px;height:48px;left:30px;top:34px;clip-path:polygon(1% 27%,22% 3%,44% 12%,58% 1%,98% 19%,88% 42%,65% 50%,56% 88%,38% 100%,28% 67%,8% 58%)}
.land-two{width:50px;height:65px;left:84px;top:69px;clip-path:polygon(23% 0,77% 9%,100% 35%,72% 54%,67% 85%,39% 100%,28% 65%,0 36%)}
.land-three{width:26px;height:23px;left:23px;top:103px;clip-path:polygon(8% 8%,100% 0,78% 70%,36% 100%,0 52%)}
.globe-core{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:4px 9px;border:1px solid #fff6;border-radius:999px;background:#031827bd;color:#fff;font:700 8px 'DM Sans',Arial,sans-serif;letter-spacing:1.6px;box-shadow:0 5px 13px #00121f80}
.signal-ring{position:absolute;left:97px;top:61px;width:255px;height:255px;border:1px solid #6ce9e852;border-radius:50%;transform:rotate(-18deg)}
.signal-ring:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#ff8735;box-shadow:0 0 17px #ff7426;right:20px;top:53px}
.signal-two{left:56px;top:95px;width:340px;height:205px;border-color:#ff9d5450;transform:rotate(24deg);animation:ring-drift 9s ease-in-out infinite alternate}
.signal-two:after{left:35px;right:auto;top:154px;background:#71e8e4;box-shadow:0 0 17px #55e9e4}
.currency-node{position:absolute;width:31px;height:31px;display:grid;place-items:center;border:1px solid #9de7ea77;border-radius:50%;background:#071c2bd9;font-size:16px;box-shadow:0 7px 20px #02101db5,0 0 0 4px #3ddce512;animation:node-pulse 3s ease-in-out infinite}
.node-ae{left:100px;top:93px}.node-gb{left:314px;top:111px;animation-delay:.5s}.node-eu{left:101px;top:242px;animation-delay:1s}.node-us{left:318px;top:235px;animation-delay:1.5s}
.network-status{position:absolute;left:151px;top:292px;display:grid;gap:3px;width:155px;text-align:center;color:white;text-shadow:0 1px 8px #00101d}
.network-status b{font-size:8px;letter-spacing:2px}.network-status small{font-size:8px;color:#9ec7ce;letter-spacing:.35px}
.meteor{position:absolute;width:125px;height:2px;border-radius:50%;opacity:0;background:linear-gradient(90deg,transparent,#ff8438 58%,#fff);filter:drop-shadow(0 0 7px #ff823c);transform:rotate(-34deg);animation:meteor-flight 6.8s ease-in infinite}
.meteor:after{content:'';position:absolute;right:-2px;top:-2px;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 11px #ff8a43}
.meteor-one{left:-30px;top:79px}.meteor-two{left:176px;top:318px;animation-delay:2.3s}.meteor-three{left:47px;top:214px;animation-delay:4.6s;transform:rotate(-20deg) scale(.72)}
@keyframes globe-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes globe-shine{0%,30%{transform:translateX(-80%)}70%,100%{transform:translateX(105%)}}
@keyframes ring-drift{to{transform:rotate(31deg) scale(1.025)}}
@keyframes node-pulse{0%,100%{box-shadow:0 7px 20px #02101db5,0 0 0 4px #3ddce512}50%{box-shadow:0 7px 22px #02101db5,0 0 0 8px #3ddce508}}
@keyframes meteor-flight{0%{opacity:0;translate:-90px 72px}9%{opacity:1}38%,100%{opacity:0;translate:365px -205px}}

/* The country prefix is a real column, so it can never collide with the identifier. */
.phone-field{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;min-height:52px;border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.phone-field:focus-within{border-color:#ff8b49;box-shadow:0 0 0 4px #ff751414;transform:translateY(-1px)}
.phone-field>i{position:static;height:30px;padding:0 13px;display:flex;align-items:center;gap:6px;border-right:1px solid #eee2d7;color:#a95a2e;font-style:normal;font-size:11px;font-weight:700;white-space:nowrap}
.uae-flag{position:relative;display:inline-block;flex:0 0 19px;width:19px;height:13px;overflow:hidden;border:1px solid #0002;border-radius:2px;background:linear-gradient(to bottom,#00843d 0 33.333%,#fff 33.333% 66.666%,#000 66.666% 100%);box-shadow:0 1px 3px #2c211a24}
.uae-flag:before{content:'';position:absolute;inset:-1px auto -1px -1px;width:6px;background:#f00;border-radius:2px 0 0 2px}
.kuwait-flag{display:inline-block;flex:0 0 19px;width:19px;height:13px;border-radius:2px;background:#fff url('/assets/currency-flags/kw.svg') center/cover no-repeat;box-shadow:0 1px 3px #2c211a24}
.login-phone-prefix select{max-width:112px;border:0;background:transparent;color:#a95a2e;font:700 11px 'DM Sans',Arial,sans-serif;cursor:pointer;outline-offset:3px}
.phone-field.account-id-mode>.login-phone-prefix{visibility:visible;width:auto;padding:0 13px;border-right:1px solid #eee2d7;overflow:visible}
.auth-form .phone-field input{height:50px;min-width:0;border:0;border-radius:0;padding:0 15px;background:transparent;box-shadow:none;transform:none}
.auth-form .phone-field input:focus{border:0;box-shadow:none;transform:none}
.phone-field.account-id-mode{grid-template-columns:0 minmax(0,1fr)}
.phone-field.account-id-mode>i{visibility:hidden;width:0;padding:0;border:0;overflow:hidden}
.phone-field.account-id-mode input{padding-left:15px}

@media(prefers-reduced-motion:reduce){.network-globe,.network-globe:before,.signal-ring,.currency-node,.meteor{animation:none!important}}

/* Keep Account ID's selector in its own clickable column. */
body.admin-login .phone-field.account-id-mode{grid-template-columns:max-content minmax(0,1fr)}
body.admin-login .phone-field.account-id-mode>.login-phone-prefix{visibility:visible;position:relative;z-index:1;min-width:112px;width:auto;padding:0 13px;border-right:1px solid #eee2d7;overflow:visible}
body.admin-login .phone-field.account-id-mode #login-country-flag[hidden]{display:none!important}
body.admin-login .phone-field .bahrain-flag{position:relative;display:inline-block;flex:0 0 19px;width:19px;height:13px;overflow:hidden;border:1px solid #0002;border-radius:2px;background:#ce1126;box-shadow:0 1px 3px #2c211a24}
body.admin-login .phone-field .bahrain-flag:before{content:'';position:absolute;inset:0 auto 0 0;width:9px;background:#fff;clip-path:polygon(0 0,100% 0,67% 10%,100% 20%,67% 30%,100% 40%,67% 50%,100% 60%,67% 70%,100% 80%,67% 90%,100% 100%,0 100%)}

.phone-field .bahrain-flag{display:inline-block;flex:0 0 19px;width:19px;height:13px;background:#ce1126 url('/assets/currency-flags/bh.svg') center/cover no-repeat;border:1px solid #0002;border-radius:2px;box-shadow:0 1px 3px #2c211a24}
.phone-field .bahrain-flag:before{content:none}