.auth{display:grid;grid-template-columns:1fr;min-height:100vh;min-height:100dvh}@media(min-width:920px){.auth{grid-template-columns:minmax(0,1fr) minmax(480px,540px)}}.auth-brand{background:linear-gradient(160deg,#0a4351,#0c5566 55%,#06303a);color:#fff;display:none;flex-direction:column;overflow:hidden;padding:44px 48px;position:relative}@media(min-width:920px){.auth-brand{display:flex}}.ab-glow{background:radial-gradient(circle,rgba(20,136,160,.5),transparent 70%);border-radius:50%;height:360px;inset-inline-end:-120px;position:absolute;top:-120px;width:360px;z-index:0}.ab-logo{align-items:center;display:flex;gap:10px;position:relative;z-index:2}.ab-logo .l{background:hsla(0,0%,100%,.14);border-radius:10px;display:grid;height:36px;place-items:center;width:36px}.ab-logo .wm{font-family:var(--font-display);font-size:20px;font-weight:700}.ab-mid{margin-bottom:auto;margin-top:auto;max-width:404px;position:relative;z-index:2}.ab-kicker{color:hsla(0,0%,100%,.62);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.ab-head{font-size:31px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-top:14px}[lang=ar] .ab-head{line-height:1.4}.ab-sub{color:hsla(0,0%,100%,.8);font-size:14.5px;line-height:1.65;margin-top:14px}.ab-feats{display:flex;flex-direction:column;gap:13px;margin-top:26px}.ab-feat{align-items:center;color:hsla(0,0%,100%,.92);display:flex;font-size:14px;gap:11px}.ab-feat .fic{background:hsla(0,0%,100%,.14);border-radius:8px;display:grid;flex:none;height:26px;place-items:center;width:26px}.ab-feat .fic .ic{height:15px;width:15px}.ab-stats{display:flex;gap:28px;margin-top:34px;position:relative;z-index:2}.ab-stat .v{font-family:var(--font-mono);font-size:22px;font-weight:700}.ab-stat .l{color:hsla(0,0%,100%,.6);font-size:11.5px;margin-top:2px}.ab-sky{bottom:0;color:hsla(0,0%,100%,.09);height:150px;left:0;position:absolute;right:0;z-index:1}.auth-main{background:var(--bg);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:18px;position:relative}.auth-top{align-items:center;display:flex;flex:none;gap:10px;min-height:44px}.auth-back{align-items:center;border-radius:var(--r-sm);color:var(--muted);display:inline-flex;font-size:13.5px;font-weight:600;gap:5px;padding:8px 10px;visibility:hidden}.auth-back:hover{background:var(--surface-2);color:var(--text)}.auth-back.show{visibility:visible}.auth-back .ic{height:17px;width:17px}.auth-top-act{display:flex;gap:8px;margin-inline-start:auto}.auth-scroll{display:flex;flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto}.auth-card{margin:auto;max-width:392px;padding:18px 2px 28px;width:100%}.mini-brand{align-items:center;display:flex;gap:9px;justify-content:center;margin-bottom:24px}@media(min-width:920px){.mini-brand{display:none}}.mini-brand .l{background:linear-gradient(135deg,var(--petrol-500),var(--petrol-700));border-radius:9px;color:#fff;display:grid;height:34px;place-items:center;width:34px}.mini-brand .wm{font-family:var(--font-display);font-size:19px;font-weight:700}.view{display:none}.view.on{animation:fade .32s var(--ease);display:block}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.auth-h{font-size:24px;font-weight:700;letter-spacing:-.02em}[lang=ar] .auth-h{letter-spacing:0}.auth-p{color:var(--muted);font-size:14px;line-height:1.55;margin-top:8px}.auth-p a,.link{color:var(--primary);cursor:pointer;font-weight:600}[data-theme=dark] .auth-p a,[data-theme=dark] .link{color:#7fd3e4}.auth-body{margin-top:24px}.auth-alt{color:var(--muted);font-size:13.5px;margin-top:22px;text-align:center}.auth-alt .link{margin-inline-start:4px}.field{margin-bottom:16px}.label{color:var(--text);display:block;font-size:13px;font-weight:600;margin-bottom:7px}.label .lopt{color:var(--faint);font-weight:500}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap .lead{color:var(--muted);display:flex;inset-inline-start:13px;pointer-events:none;position:absolute}.input-wrap .lead .ic{height:18px;width:18px}.input{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-size:14.5px;height:46px;padding:0 14px;transition:border-color .15s,box-shadow .15s;width:100%}.input::-moz-placeholder{color:var(--faint)}.input::placeholder{color:var(--faint)}.input:hover{border-color:var(--stone-300)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint);outline:none}[data-theme=dark] .input:focus{box-shadow:0 0 0 3px rgba(20,136,160,.22)}.input.has-lead{padding-inline-start:42px}.input.has-trail{padding-inline-end:44px}.input.err{border-color:var(--danger)}.input.err:focus{box-shadow:0 0 0 3px var(--danger-tint)}.trail-btn{border-radius:8px;color:var(--muted);display:grid;height:32px;inset-inline-end:8px;place-items:center;position:absolute;width:32px}.trail-btn:hover{background:var(--surface-2);color:var(--text)}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-inline-end:40px}.sel-wrap{position:relative}.sel-wrap .chev{color:var(--muted);inset-inline-end:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.field-err{align-items:center;color:var(--danger);display:none;font-size:12px;gap:5px;margin-top:6px}.field-err.show{display:flex}.field-err .ic{flex:none;height:13px;width:13px}.field-row{display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.check,.field-row{align-items:center}.check{color:var(--muted);cursor:pointer;display:inline-flex;font-size:13.5px;gap:9px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.check input{height:0;opacity:0;position:absolute;width:0}.check .box{background:var(--surface);border:1.5px solid var(--border);border-radius:6px;display:grid;flex:none;height:20px;place-items:center;transition:background .15s,border-color .15s;width:20px}.check .box .ic{color:#fff;height:13px;opacity:0;transition:opacity .15s;width:13px}.check input:checked+.box{background:var(--primary);border-color:var(--primary)}[data-theme=dark] .check input:checked+.box .ic{color:#06181c}.check input:checked+.box .ic{opacity:1}.check input:focus-visible+.box{box-shadow:0 0 0 3px var(--primary-tint)}.check.terms{align-items:flex-start;margin-bottom:20px}.check.terms .box{margin-top:1px}.check.terms .txt{line-height:1.5}.strength{margin-top:10px}.strength-bars{display:flex;gap:5px}.strength-bars i{background:var(--track);border-radius:99px;flex:1;height:4px;transition:background .25s}.strength-lbl{color:var(--muted);display:flex;font-size:11.5px;gap:10px;justify-content:space-between;margin-top:7px}.strength-lbl b{color:var(--text);font-weight:600}.divider-or,.strength-hint{color:var(--faint)}.divider-or{align-items:center;display:flex;font-size:12px;font-weight:500;gap:14px;margin:20px 0}.divider-or:after,.divider-or:before{background:var(--border);content:"";flex:1;height:1px}.social{flex-direction:column}.social,.social-btn{display:flex;gap:10px}.social-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-size:14px;font-weight:600;height:46px;justify-content:center;transition:background .15s}.social-btn:hover{background:var(--surface-2)}.social-btn .ic{height:19px;width:19px}.role-grid{display:flex;flex-direction:column;gap:12px;margin-top:24px}.role-card{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);cursor:pointer;display:flex;gap:14px;padding:16px;text-align:start;transition:border-color .15s,background .15s,transform .12s var(--ease);width:100%}.role-card:hover{background:var(--primary-tint);border-color:var(--primary)}[data-theme=dark] .role-card:hover{background:var(--surface-2)}.role-card:active{transform:scale(.99)}.role-card .r-ic{background:var(--primary-tint);border-radius:12px;color:var(--primary);display:grid;flex:none;height:46px;place-items:center;width:46px}[data-theme=dark] .role-card .r-ic{background:var(--surface-2);color:#7fd3e4}.role-card .r-main{min-width:0}.role-card .r-t{font-size:15px;font-weight:700}.role-card .r-d{color:var(--muted);font-size:12.5px;line-height:1.45;margin-top:3px}.role-card .r-go{color:var(--faint);flex:none;margin-inline-start:auto}.role-card:hover .r-go{color:var(--primary)}.otp{direction:ltr;display:flex;gap:9px;justify-content:center;margin-top:8px}.otp-in{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);color:var(--text);font-family:var(--font-mono);font-size:22px;font-weight:700;height:56px;text-align:center;transition:border-color .15s,box-shadow .15s;width:46px}.otp-in:focus{box-shadow:0 0 0 3px var(--primary-tint);outline:none}.otp-in.filled,.otp-in:focus{border-color:var(--primary)}.otp-resend{color:var(--muted);font-size:13px;margin-top:22px;text-align:center}.otp-resend .link.dim{color:var(--faint);pointer-events:none}.stepper{align-items:center;display:flex;gap:7px;margin-bottom:10px}.stepper .st{background:var(--track);border-radius:99px;flex:1;height:5px;transition:background .3s}.stepper .st.cur,.stepper .st.done{background:var(--primary)}.step-count{color:var(--muted);font-size:12px;font-weight:600;margin-bottom:18px}.step-count b{color:var(--primary)}[data-theme=dark] .step-count b{color:#7fd3e4}.ob-step{display:none}.ob-step.on{animation:fade .3s var(--ease);display:block}.ob-actions{display:flex;gap:10px;margin-top:24px}.ob-actions .btn-ghost{flex:none}.ob-actions .grow{flex:1}.seg{display:flex;gap:10px}.seg .seg-btn{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);cursor:pointer;flex:1;padding:15px 12px;text-align:center;transition:border-color .15s,background .15s}.seg .seg-btn.on{background:var(--primary-tint);border-color:var(--primary)}.seg .seg-btn .sic,[data-theme=dark] .seg .seg-btn.on{background:var(--surface-2)}.seg .seg-btn .sic{border-radius:9px;color:var(--muted);display:grid;height:34px;margin:0 auto 9px;place-items:center;width:34px}.seg .seg-btn.on .sic{background:var(--primary);color:var(--primary-contrast)}.seg .seg-btn .st-t{font-size:14px;font-weight:700}.seg .seg-btn .st-d{color:var(--muted);font-size:11px;margin-top:2px}.pill-seg{background:var(--surface-2);display:inline-flex;gap:4px;padding:4px;width:100%}.pill-seg,.pill-seg button{border-radius:var(--r-pill)}.pill-seg button{color:var(--muted);flex:1;font-size:13.5px;font-weight:600;padding:9px 16px;transition:background .15s,color .15s}.pill-seg button.on{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text)}[data-theme=dark] .pill-seg button.on{color:#7fd3e4}.plans{display:flex;flex-direction:column;gap:11px;margin-top:4px}.plan-card{align-items:flex-start;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);cursor:pointer;display:flex;gap:13px;padding:15px;position:relative;transition:border-color .15s,background .15s}.plan-card:hover{border-color:var(--stone-300)}.plan-card.on{background:var(--primary-tint);border-color:var(--primary)}[data-theme=dark] .plan-card.on{background:var(--surface-2)}.plan-radio{border:2px solid var(--border);border-radius:50%;display:grid;flex:none;height:20px;margin-top:2px;place-items:center;transition:border-color .15s;width:20px}.plan-card.on .plan-radio{border-color:var(--primary)}.plan-card.on .plan-radio:after{background:var(--primary);border-radius:50%;content:"";height:10px;width:10px}.plan-main{flex:1;min-width:0}.plan-top{align-items:baseline;display:flex;gap:10px;justify-content:space-between}.plan-name,.plan-price{font-size:15px;font-weight:700}.plan-price{font-family:var(--font-mono);white-space:nowrap}.plan-price .sym{color:var(--muted);font-size:.68em}.plan-price .per{color:var(--muted);font-size:.6em;font-weight:500}.plan-feat{color:var(--muted);font-size:12.5px;line-height:1.45;margin-top:4px}.plan-badge{background:var(--accent);border-radius:99px;color:#3a2a0c;font-size:10.5px;font-weight:700;inset-inline-end:14px;padding:3px 9px;position:absolute;top:-9px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-pill);color:var(--muted);cursor:pointer;font-size:13px;font-weight:600;padding:9px 14px;transition:border-color .15s,background .15s,color .15s}.chip.on{background:var(--primary-tint);border-color:var(--primary);color:var(--primary)}[data-theme=dark] .chip.on{background:var(--surface-2);color:#7fd3e4}.uploader{align-items:center;border:1.5px dashed var(--border);border-radius:var(--r-md);cursor:pointer;display:flex;gap:13px;padding:14px;transition:border-color .15s}.uploader:hover{border-color:var(--primary)}.uploader .up-ic{background:var(--surface-2);border-radius:11px;color:var(--muted);display:grid;flex:none;height:44px;place-items:center;width:44px}.uploader .up-t{font-size:13.5px;font-weight:600}.uploader .up-d{color:var(--muted);font-size:11.5px;margin-top:2px}.success{padding:16px 0;text-align:center}.s-badge{animation:pop .45s var(--ease);background:var(--ok-tint);border-radius:50%;color:var(--ok);display:grid;height:76px;margin:0 auto 22px;place-items:center;width:76px}.s-badge .ic{height:38px;stroke-width:2;width:38px}@keyframes pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.success h2{font-size:24px;font-weight:700;letter-spacing:-.02em}[lang=ar] .success h2{letter-spacing:0}.success p{color:var(--muted);font-size:14px;line-height:1.6;margin-top:10px;margin-inline:auto;max-width:320px}.s-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);display:flex;gap:12px;margin-top:24px;padding:15px;text-align:start}.s-card[hidden]{display:none}.s-card .sc-logo{border-radius:11px;color:#fff;display:grid;flex:none;font-weight:700;height:44px;place-items:center;width:44px}.s-card .sc-main{display:flex;flex-direction:column;min-width:0}.s-card .sc-t{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-card .sc-d{color:var(--muted);font-size:12px;margin-top:1px}.s-card .sc-pill{background:var(--ok-tint);border-radius:99px;color:var(--ok);flex:none;font-size:11px;font-weight:700;margin-inline-start:auto;padding:4px 10px}.auth-secure{align-items:center;color:var(--faint);display:flex;flex:none;font-size:11.5px;gap:6px;justify-content:center;padding:12px 0 4px;text-align:center}.auth-secure .ic{height:13px;width:13px}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.backdrop{background:rgba(8,14,16,.5);inset:0;opacity:0;position:fixed;transition:opacity .25s var(--ease),visibility .25s;visibility:hidden;z-index:85}.backdrop.on{opacity:1;visibility:visible}.sheet{background:var(--surface);border-radius:22px 22px 0 0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;inset-block-end:0;inset-inline:0;max-height:86vh;padding-bottom:calc(env(safe-area-inset-bottom) + 8px);position:fixed;transform:translateY(100%);transition:transform .3s var(--ease);z-index:90}.sheet.on{transform:translateY(0)}@media(min-width:640px){.sheet{border-radius:var(--r-xl);inset-block-end:20px;inset-inline-end:20px;inset-inline-start:auto;opacity:0;transform:translateY(20px);transition:transform .25s var(--ease),opacity .25s,visibility .25s;visibility:hidden;width:340px}.sheet.on{opacity:1;transform:translateY(0);visibility:visible}}.grip{background:var(--border);border-radius:99px;flex:none;height:5px;margin:10px auto 4px;width:38px}@media(min-width:640px){.grip{display:none}}.sheet-h{align-items:center;display:flex;flex:none;justify-content:space-between;padding:var(--sp-3) var(--sp-5)}.sheet-h h3{font-size:16px;font-weight:600}.sheet-body{overflow-y:auto;padding:0 var(--sp-3) var(--sp-3)}.opt{align-items:center;border-radius:var(--r-md);display:flex;font-size:14px;font-weight:500;gap:var(--sp-3);padding:12px;text-align:start;width:100%}.lang-opt .flag-badge,.opt:hover{background:var(--surface-2)}.lang-opt .flag-badge{border:1px solid var(--border);border-radius:9px;display:grid;flex:none;font-size:18px;height:34px;place-items:center;width:34px}.lang-opt .lwrap{flex:1;min-width:0}.lang-opt .lname{display:block;font-size:14px;font-weight:600}.lang-opt .lcode{color:var(--muted);font-family:var(--font-mono);font-size:11px}.lang-opt .chk{color:var(--primary);display:none;flex:none;margin-inline-start:auto}.lang-opt.on .chk{display:block}.lang-opt.on{background:var(--primary-tint)}[data-theme=dark] .lang-opt.on{background:var(--surface-2)}.toasts{display:flex;flex-direction:column;gap:8px;inset-block-end:24px;inset-inline:0;padding:0 var(--sp-4);pointer-events:none;position:fixed;z-index:100}.toast,.toasts{align-items:center}.toast{background:var(--stone-950);border-radius:var(--r-pill);box-shadow:var(--shadow-lg);color:#fff;display:inline-flex;font-size:13.5px;font-weight:500;gap:10px;max-width:100%;opacity:0;padding:11px 16px;transform:translateY(16px);transition:transform .26s var(--ease),opacity .26s}[data-theme=dark] .toast{background:#e8eef0;color:#10171a}.toast.on{opacity:1;transform:translateY(0)}.toast .ic{color:var(--ok)}.toast.warn .ic{color:var(--warn)}.toast.heart .ic{color:var(--danger);fill:var(--danger)}.gic{flex:none;height:19px;stroke:none;width:19px}