.auth-screen{min-height:100vh;width:100%;background:var(--bg);display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden}.brand-pane{position:relative;overflow:hidden;padding:var(--s-10) var(--s-11);display:flex;flex-direction:column;background:radial-gradient(120% 90% at 12% 8%,color-mix(in srgb,var(--pr) 9%,transparent) 0,transparent 52%),radial-gradient(100% 80% at 90% 100%,color-mix(in srgb,var(--pr) 14%,transparent) 0,transparent 55%),linear-gradient(155deg,var(--surface-2) 0,var(--surface-1) 55%,var(--bg) 100%);border-right:1px solid var(--border)}.brand-pane:after{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pr) 16%,transparent),transparent 70%)}.bp-top{display:flex;align-items:center;gap:var(--s-5);position:relative;z-index:1}.bp-logo{width:34px;height:34px;border-radius:var(--r-md);background:linear-gradient(150deg,var(--pr),var(--pr-a));display:grid;place-items:center;color:var(--on-pr);font-size:17px;box-shadow:var(--sh-2),inset 0 1px 0 rgba(255,255,255,.28)}.bp-name{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--tx-1)}.bp-signature{margin-left:auto;font-family:var(--font-signature,"Reem Kufi",var(--font-ar));font-size:18px;color:var(--tx-3);line-height:1}.bp-mid{margin-top:auto;margin-bottom:auto;position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--s-8)}.bp-head{font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--tx-1);max-width:380px;text-wrap:balance}.bp-sub{font-size:14px;color:var(--tx-2);max-width:340px;line-height:1.55;text-wrap:pretty}.glance{width:320px;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);backdrop-filter:blur(4px);padding:var(--s-6) var(--s-7);box-shadow:var(--sh-2)}.glance-lbl{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-3)}.glance-val{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--tx-1);margin-top:3px}.glance-val .cur{color:var(--tx-3);font-size:.5em;margin-right:4px}.glance-split{display:flex;gap:2px;height:7px;border-radius:20px;overflow:hidden;margin-top:var(--s-5)}.glance-split span{height:100%;border-radius:2px}.glance-rows{display:flex;gap:var(--s-7);margin-top:var(--s-5)}.glance-r{display:flex;flex-direction:column;gap:2px}.glance-r .k{font-size:10px;color:var(--tx-3);display:inline-flex;align-items:center;gap:5px}.glance-r .v{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--tx-1)}.kdot{width:7px;height:7px;border-radius:2px}.bp-foot{position:relative;z-index:1;display:flex;align-items:center;gap:var(--s-6);color:var(--tx-3)}.bp-trust{display:inline-flex;align-items:center;gap:6px;font-size:11.5px}.form-pane{display:flex;flex-direction:column;padding:var(--s-10) var(--s-11);background:var(--bg)}.fp-top{display:flex;justify-content:flex-end;font-size:12.5px;color:var(--tx-3)}.fp-top a{color:var(--pr);font-weight:500}.fp-mid{margin:auto;width:100%;max-width:340px;display:flex;flex-direction:column}.fp-title{font-size:23px;font-weight:600;letter-spacing:-.02em}.fp-desc{font-size:13px;color:var(--tx-3);margin-top:5px}.fp-form{gap:var(--s-6);margin-top:var(--s-9)}.fp-form,.lf-field{display:flex;flex-direction:column}.lf-field{gap:var(--s-3)}.lf-field>label{font-size:12px;font-weight:500;color:var(--tx-2);display:flex;align-items:center}.lf-field .forgot{margin-left:auto;font-size:11.5px;color:var(--pr);font-weight:500}.lf-input{display:flex;align-items:center;gap:var(--s-4);height:40px;padding:0 var(--s-5);background:var(--surface-3);border:1px solid var(--border-2);border-radius:var(--r-md);color:var(--tx-1);font-size:13.5px;transition:border-color .12s,box-shadow .12s}.lf-input:focus-within{border-color:var(--pr);box-shadow:0 0 0 3px var(--pr-bg);background:var(--surface-4)}.lf-input.err{border-color:var(--critical);box-shadow:0 0 0 3px var(--critical-bg)}.lf-input.err:focus-within{border-color:var(--critical);box-shadow:0 0 0 3px var(--critical-bg)}.lf-input .ico{flex-shrink:0}.lf-input .eye,.lf-input .ico{color:var(--tx-3);display:inline-flex}.lf-input .eye{margin-left:auto;background:transparent;border:none;cursor:pointer;padding:0}.lf-input .eye:hover,.lf-input input{color:var(--tx-1)}.lf-input input{flex:1;min-width:0;background:transparent;border:none;outline:none;font-size:13.5px;font-family:inherit}.lf-input input::placeholder{color:var(--tx-4)}.lf-err{font-size:11.5px;color:var(--critical);display:flex;align-items:center;gap:5px}.alert{display:flex;align-items:flex-start;gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-md);background:var(--critical-bg);border:1px solid var(--critical-bd)}.alert.ok{background:var(--pr-bg);border-color:var(--pr-bd)}.alert .ai{color:var(--critical);flex-shrink:0;margin-top:1px}.alert.ok .ai{color:var(--pr)}.alert .at{font-size:12px;font-weight:600;color:var(--tx-1)}.alert .am{font-size:11.5px;color:var(--tx-2);margin-top:1px}.btn-block{width:100%;height:40px;font-size:13.5px}.lf-divider{display:flex;align-items:center;gap:var(--s-5);margin:var(--s-3) 0}.lf-divider:after,.lf-divider:before{content:"";flex:1;height:1px;background:var(--border)}.lf-divider span{font-size:11px;color:var(--tx-4)}.btn-oauth{width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:var(--s-4);background:var(--surface-3);border:1px solid var(--border-2);border-radius:var(--r-md);color:var(--tx-1);font-size:13px;font-weight:500;cursor:pointer}.btn-oauth:hover{background:var(--surface-4)}.btn-oauth:disabled{opacity:.4;filter:grayscale(1);cursor:not-allowed}.btn-oauth .soon{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--tx-4);border:1px solid var(--border);border-radius:var(--r-xs);padding:1px 5px;margin-left:var(--s-3)}.fp-foot{margin-top:var(--s-9);font-size:12.5px;color:var(--tx-3);text-align:center}.fp-foot a{color:var(--pr);font-weight:500}.fp-foot b{color:var(--tx-2)}.otp-row{display:flex;gap:var(--s-4)}.otp-cell{width:46px;height:52px;border-radius:var(--r-md);background:var(--surface-3);border:1px solid var(--border-2);text-align:center;font-family:var(--mono);font-size:22px;font-weight:600;color:var(--tx-1);outline:none;transition:border-color .12s,box-shadow .12s,background .12s}.otp-cell.filled,.otp-cell:focus{border-color:var(--pr);background:var(--surface-4)}.otp-cell:focus{box-shadow:0 0 0 3px var(--pr-bg)}.otp-back{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--tx-3);font-weight:500;background:transparent;border:none;cursor:pointer;padding:0}.fp-recovery,.otp-back:hover{color:var(--tx-1)}.fp-recovery{width:100%;height:40px;padding:0 var(--s-5);background:var(--surface-3);border:1px solid var(--border-2);border-radius:var(--r-md);font-size:13.5px;font-family:var(--mono);outline:none;transition:border-color .12s,box-shadow .12s}.fp-recovery:focus{border-color:var(--pr);box-shadow:0 0 0 3px var(--pr-bg);background:var(--surface-4)}.auth-spinner{width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 35%,transparent);border-top-color:currentcolor;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}.fp-form.dim .lf-input{opacity:.6}@media (max-width:900px){.auth-screen{grid-template-columns:1fr}.brand-pane{display:none}.form-pane{padding:var(--s-8) var(--s-7)}}