/* AL AMAL — Auth v2.3 */
.au-page,#modalRoot{--au-bg:#07090D;--au-panel:#0C1016;--au-field:#0D1117;--au-s:#10141A;--au-s2:#1A2029;--au-line:rgba(255,255,255,.08);--au-text:#E6E8EB;--au-muted:#9AA3AE;--au-dim:#7D8691;--au-faint:#5E6772;--au-acc:var(--green,#A6FF4D);--au-ink:#06110A;--au-mono:"JetBrains Mono",ui-monospace,monospace}
.au-page{min-height:100vh;min-height:100dvh;display:flex;background:var(--au-bg);color:var(--au-text);font-family:"IBM Plex Sans Arabic",system-ui,sans-serif}
.au-mono{font-family:var(--au-mono);font-variant-numeric:tabular-nums}
.au-formside{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;padding:26px clamp(20px,4vw,56px);gap:20px;box-sizing:border-box}
.au-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.au-brand{appearance:none;background:none;border:0;padding:0;color:inherit;display:flex;align-items:center;gap:12px;cursor:pointer}
.au-brand img{width:40px;height:40px;border-radius:12px}
.au-brand span{display:flex;flex-direction:column;line-height:1.1;text-align:start}
.au-brand b{font-family:"Alexandria",sans-serif;font-size:20px}
.au-brand small{font-family:var(--au-mono);font-size:10px;letter-spacing:3px;color:var(--au-dim)}
.au-top-act{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.au-ghost{appearance:none;height:38px;padding:0 14px;border-radius:99px;border:1px solid var(--au-line);background:transparent;color:#C3CAD2;font:500 13px "IBM Plex Sans Arabic",sans-serif;cursor:pointer;white-space:nowrap}
.au-ghost b{color:var(--au-acc);margin-inline-start:4px}
.au-ghost:hover{border-color:rgba(255,255,255,.18);color:var(--au-text)}
.au-center{flex:1;display:flex;align-items:center;justify-content:center}
.au-card{width:100%;max-width:430px;display:flex;flex-direction:column;gap:20px}
.au-url{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;background:rgba(61,214,140,.08);border:1px solid rgba(61,214,140,.22);font-size:12px;color:#9FE7C4;flex-wrap:wrap}
.au-url b{font-family:var(--au-mono);font-weight:600}
.au-head{display:flex;flex-direction:column;gap:8px}
.au-head h1{margin:0;font-family:"Alexandria","IBM Plex Sans Arabic",sans-serif;font-size:clamp(28px,3vw,36px);font-weight:700;line-height:1.25}
.au-head p{margin:0;color:var(--au-muted);font-size:15px;line-height:1.7}
.au-seg{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:14px;background:var(--au-s);border:1px solid rgba(255,255,255,.06)}
.au-seg button{appearance:none;height:42px;border:0;border-radius:10px;background:transparent;color:var(--au-muted);font:500 14px "IBM Plex Sans Arabic",sans-serif;cursor:pointer}
.au-seg button.on{background:var(--au-s2);color:var(--au-text);font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.au-form{display:flex;flex-direction:column;gap:16px;margin:0}
.au-step{display:flex;flex-direction:column;gap:18px}
.au-step[hidden]{display:none}
.au-field{display:flex;flex-direction:column;gap:8px;margin:0}
.au-field>label,.au-labrow label,.au-ref-box>label{font-size:14px;font-weight:600;color:#C3CAD2}
.au-labrow{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.au-input{display:flex;align-items:center;gap:10px;height:52px;padding:0 14px;border-radius:14px;background:var(--au-field);border:1px solid rgba(255,255,255,.1);color:var(--au-dim);transition:border-color .15s,box-shadow .15s}
.au-input:has(.au-eye){padding-inline-end:6px}
.au-input:focus-within{border-color:var(--au-acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--au-acc) 14%,transparent)}
.au-input input{flex:1;min-width:0;height:100%;background:transparent;border:0;outline:0;color:var(--au-text);font:500 16px "IBM Plex Sans Arabic",sans-serif;padding:0}
.au-input input[dir=ltr]{text-align:left}
.au-input input[type=password]{font-family:var(--au-mono);letter-spacing:2px}
.au-input svg{flex:none}
.au-form.invalid .au-input,.au-input.bad{border-color:#F0616D}
.au-eye{appearance:none;width:40px;height:40px;border-radius:10px;border:0;background:transparent;color:var(--au-muted);display:grid;place-items:center;cursor:pointer;flex:none}
.au-eye:hover,.au-eye.on{color:var(--au-acc);background:var(--au-s2)}
.au-link{appearance:none;background:none;border:0;padding:0;color:var(--au-acc);font:600 13px "IBM Plex Sans Arabic",sans-serif;cursor:pointer}
.au-link:hover{text-decoration:underline}
.au-caps{color:#F5B94A;font-size:12px}
.au-caps[hidden]{display:none}
.au-hint{color:var(--au-dim);font-size:12px;line-height:1.6}
.au-primary{appearance:none;height:54px;border:0;border-radius:14px;background:var(--au-acc);color:var(--au-ink);font:700 16px "IBM Plex Sans Arabic",sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 30px -12px color-mix(in srgb,var(--au-acc) 70%,transparent);transition:filter .15s,transform .15s;width:100%}
.au-primary:hover{filter:brightness(1.06)}.au-primary:active{transform:scale(.99)}
.au-primary:disabled{opacity:.75;cursor:progress}
.au-primary.busy span::after{content:"…"}
.au-primary:focus-visible,.au-google:focus-visible,.au-seg button:focus-visible,.au-eye:focus-visible,.au-link:focus-visible,.au-ghost:focus-visible{outline:2px solid var(--au-acc);outline-offset:2px}
.au-or{display:flex;align-items:center;gap:12px;color:var(--au-faint);font-size:12px}
.au-or::before,.au-or::after{content:"";flex:1;height:1px;background:var(--au-line)}
.au-or[hidden],.au-google[hidden]{display:none}
.au-google{appearance:none;height:52px;border-radius:14px;border:1px solid #747775;background:#FFFFFF;color:#1F1F1F;font:600 15px "IBM Plex Sans Arabic",sans-serif;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;width:100%}
.au-google:hover{background:#F2F2F2}
.au-switch{margin:0;text-align:center;color:var(--au-muted);font-size:14px}
.au-switch .au-link{font-size:14px;font-weight:700}
.au-err{display:flex;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(240,97,109,.1);border:1px solid rgba(240,97,109,.3);color:#FFB3BA;font-size:13px;line-height:1.7}
.au-err[hidden]{display:none}
.au-steps{display:flex;gap:6px;margin:0}
.au-steps span{flex:1;height:4px;border-radius:4px;background:var(--au-s2)}
.au-steps span.on{background:var(--au-acc)}
.au-steplabel{color:var(--au-muted);font-size:13px;margin-top:-8px}
.au-who{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--au-s);border:1px solid rgba(255,255,255,.06)}
.au-who>i{font-style:normal;width:36px;height:36px;border-radius:50%;background:var(--au-acc);color:var(--au-ink);display:grid;place-items:center;font-weight:700;flex:none}
.au-who>span{flex:1;min-width:0;font-size:13px;color:#C3CAD2;overflow-wrap:anywhere}
.au-pill{appearance:none;height:34px;padding:0 12px;border-radius:99px;border:0;background:var(--au-s2);color:var(--au-text);font:600 12px "IBM Plex Sans Arabic",sans-serif;cursor:pointer}
.au-gdone{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--au-s)}
.au-gdone[hidden]{display:none}
.au-gdone span{display:flex;flex-direction:column}.au-gdone small{color:var(--au-muted);font-size:12px}
.au-meter{display:flex;gap:6px;margin-top:4px}
.au-meter i{flex:1;height:5px;border-radius:5px;background:var(--au-s2);transition:background .2s}
.au-meter-row{display:flex;justify-content:space-between;font-size:12px;color:var(--au-muted)}
.au-rules{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.au-rules li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--au-dim)}
.au-rules li::before{content:"·";width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:var(--au-s2);color:var(--au-dim);flex:none}
.au-rules li.ok{color:#C3CAD2}
.au-rules li.ok::before{content:"✓";background:rgba(61,214,140,.18);color:#3DD68C}
.au-ref-toggle{appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 14px;border-radius:14px;border:1px dashed rgba(255,255,255,.14);background:transparent;color:#C3CAD2;font:500 14px "IBM Plex Sans Arabic",sans-serif;cursor:pointer}
.au-ref-toggle[hidden],.au-ref-box[hidden]{display:none}
.au-ref-box{display:flex;flex-direction:column;gap:8px}
.au-ref.linked .au-input{border:1px dashed color-mix(in srgb,var(--au-acc) 40%,transparent);background:color-mix(in srgb,var(--au-acc) 5%,var(--au-field))}
.au-ref input{font-family:var(--au-mono)!important}
.au-linked{font-size:12px;font-weight:700;color:#3DD68C;white-space:nowrap}
.au-consent{margin:0;color:var(--au-dim);font-size:12px;line-height:1.8;text-align:center}
.au-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--au-faint)}
/* country picker inside auth */
.au-card .country-trigger{height:52px;border-radius:14px;background:var(--au-field);border:1px solid rgba(255,255,255,.1)}
.au-card .country-picker{position:relative}

/* visual */
.au-visual{flex:1.15 1 560px;min-width:0;margin:14px;border-radius:28px;background:radial-gradient(70% 55% at 30% 30%,color-mix(in srgb,var(--au-acc) 16%,transparent),transparent 70%),radial-gradient(50% 45% at 80% 85%,rgba(110,168,254,.1),transparent 70%),var(--au-panel);border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:44px 48px;box-sizing:border-box}
.au-visual-reg{background:radial-gradient(70% 55% at 70% 25%,color-mix(in srgb,var(--au-acc) 15%,transparent),transparent 70%),radial-gradient(50% 45% at 20% 90%,rgba(201,167,255,.1),transparent 70%),var(--au-panel)}
.au-vtop{display:flex;flex-direction:column;gap:14px;position:relative;z-index:2}
.au-live{align-self:flex-start;font-family:var(--au-mono);font-size:11px;letter-spacing:3px;color:var(--au-acc);display:flex;align-items:center;gap:8px}
.au-live i{width:7px;height:7px;border-radius:50%;background:var(--au-acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--au-acc) 18%,transparent);animation:aupulse 2s ease-in-out infinite}
@keyframes aupulse{50%{box-shadow:0 0 0 8px transparent}}
.au-vtop h2{margin:0;font-family:"Alexandria",sans-serif;font-size:clamp(30px,3vw,44px);line-height:1.25;max-width:15ch}
.au-vtop h2 span{color:var(--au-acc)}
.au-vtop p{margin:0;color:var(--au-muted);font-size:16px;line-height:1.8;max-width:46ch}
.au-stage{position:relative;height:380px;z-index:1}
.au-side{position:absolute;top:70px;width:190px;height:250px;object-fit:cover;border-radius:22px;filter:brightness(.7) saturate(.9);box-shadow:0 30px 60px rgba(0,0,0,.55)}
.au-side-a{left:6%;transform:rotate(-11deg)}.au-side-b{right:8%;transform:rotate(10deg)}
.au-front{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:240px;border-radius:26px;overflow:hidden;background:#11151C;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 80px rgba(0,0,0,.6),0 0 0 1px color-mix(in srgb,var(--au-acc) 15%,transparent);animation:aufloat 6s ease-in-out infinite}
@keyframes aufloat{50%{transform:translateX(-50%) translateY(-8px)}}
.au-front>img{width:240px;height:240px;object-fit:cover;display:block}
.au-front>div{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.au-front>div span{display:flex;flex-direction:column}.au-front>div small{color:var(--au-muted);font-size:11px}
.au-front>div>b{color:var(--au-acc)}
.au-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:rgba(17,21,28,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px rgba(0,0,0,.45);font-size:13px}
.au-chip span{display:flex;flex-direction:column}.au-chip small{color:var(--au-muted);font-size:11px}
.au-col{flex-direction:column;align-items:flex-start;gap:4px}.au-col b{font-size:17px}
.au-chip-a{right:0;top:250px}.au-chip-b{left:2%;top:300px}.au-chip-c{left:10%;top:0;border-radius:99px;padding:8px 12px;font-size:12px}
.au-ok{font-style:normal;width:32px;height:32px;border-radius:10px;background:rgba(61,214,140,.16);color:#3DD68C;display:grid;place-items:center;font-weight:700}
.au-usdt{font-style:normal;width:22px;height:22px;border-radius:50%;background:#26A17B;color:#fff;display:grid;place-items:center;font-weight:700;font-size:11px}
.au-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;z-index:2}
.au-bento>div{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:6px}
.au-bento i{font-style:normal;color:var(--au-acc)}.au-bento b{font-size:14px}.au-bento small{color:var(--au-dim);font-size:12px;line-height:1.6}
.au-journey{display:flex;flex-direction:column;gap:14px;max-width:460px}
.au-journey>div{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:20px;background:rgba(17,21,28,.7);border:1px solid rgba(255,255,255,.08)}
.au-journey>div.on{background:color-mix(in srgb,var(--au-acc) 8%,transparent);border-color:color-mix(in srgb,var(--au-acc) 30%,transparent)}
.au-journey i{font-style:normal;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:700;background:var(--au-s2);color:#C3CAD2;flex:none}
.au-journey .on i{background:var(--au-acc);color:var(--au-ink)}
.au-journey span{flex:1;display:flex;flex-direction:column;gap:2px}.au-journey b{font-size:16px}.au-journey small{color:var(--au-muted);font-size:13px}
.au-journey img{width:52px;height:52px;border-radius:12px;object-fit:cover}
.au-proof{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);color:#C3CAD2;font-size:14px}
.au-proof>span:first-child{display:flex;flex:none}
.au-proof img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--au-panel)}
.au-proof img+img{margin-inline-start:-10px}

.au-mhero{display:none}
@media (max-width:1100px){.au-visual{display:none}
 .au-mhero{display:flex;justify-content:center;align-items:flex-end;height:170px;border-radius:24px;background:radial-gradient(80% 80% at 50% 30%,color-mix(in srgb,var(--au-acc) 18%,transparent),transparent 70%),var(--au-panel);border:1px solid rgba(255,255,255,.06);overflow:hidden;position:relative}
 .au-mhero img{width:96px;height:124px;object-fit:cover;border-radius:16px;margin-bottom:18px;box-shadow:0 20px 40px rgba(0,0,0,.5)}
 .au-mh-a{transform:rotate(-12deg) translateX(18px);filter:brightness(.7)}.au-mh-b{transform:rotate(12deg) translateX(-18px);filter:brightness(.7)}
 .au-mh-f{width:118px!important;height:150px!important;position:relative;z-index:1;border:1px solid rgba(255,255,255,.14);margin-bottom:6px!important}
}
@media (max-width:700px){
 .au-formside{padding:16px 18px 20px}
 .au-ghost{height:36px;padding:0 10px;font-size:12px}
 .au-center{align-items:flex-start;padding-top:8px}
 .au-head h1{font-size:28px}
}
@media (prefers-reduced-motion:reduce){.au-front,.au-live i{animation:none}}
.au-who .signup-who{background:none!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;min-height:0!important}
.au-formside{gap:14px}

.au-solo .au-formside{flex:1 1 100%}
.au-solo .au-card{max-width:440px}
.au-modal-form{margin-top:6px}
.au-modal-form .au-input{background:var(--au-field)}
.au-sent{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:10px 0}
.au-sent[hidden]{display:none}
.au-sent i{font-style:normal;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgba(61,214,140,.15);color:#3DD68C;font-size:26px;font-weight:700}
.au-sent b{font-size:18px}.au-sent p{margin:0;color:var(--au-muted);line-height:1.8;font-size:14px}

.au-otp input{font-family:var(--au-mono)!important;font-size:24px!important;letter-spacing:12px;text-align:center!important}
.au-modal-form[hidden]{display:none}