.lx-auth{--brand:var(--primary);--brand-2:var(--primary-deep);--bg:#0a0a0f;--bg-soft:#12121c;--panel:#161622b8;--panel-border:#ffffff14;--text:#f4f4f7;--text-dim:#9b9bb0;--field-bg:#ffffff0a;--field-border:#ffffff1a;--field-focus:color-mix(in srgb, var(--primary) 55%, transparent);--danger:#fb7185;--shadow:0 30px 80px -20px #000000b3;font-family:var(--font-cairo), "Segoe UI", system-ui, sans-serif;color:var(--text);background:var(--bg);grid-template-columns:1.05fr .95fr;display:grid;position:fixed;inset:0;overflow:hidden}.lx-auth[data-theme=light]{--bg:#f3f1fb;--bg-soft:#fff;--panel:#ffffffd1;--panel-border:#11111e0f;--text:#16161e;--text-dim:#5c5c72;--field-bg:#11111e05;--field-border:#11111e1f;--field-focus:color-mix(in srgb, var(--primary) 45%, transparent);--danger:#e11d48;--shadow:0 30px 70px -25px #3c287859}.lx-brand{--brand-panel-mix:6%;background:radial-gradient(130% 110% at 12% 8%, color-mix(in srgb, var(--brand) 14%, transparent), transparent 60%), color-mix(in srgb, var(--brand) var(--brand-panel-mix), var(--bg-soft));flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,4rem);display:flex;position:relative;overflow:hidden}.lx-auth[data-theme=light] .lx-brand{--brand-panel-mix:8%;border-inline-end:1px solid color-mix(in srgb, var(--brand) 18%, var(--field-border))}.lx-brand:before{content:"";background:radial-gradient(35% 35% at 25% 30%, color-mix(in srgb, var(--brand) 22%, transparent), transparent 70%), radial-gradient(30% 30% at 75% 70%, color-mix(in srgb, var(--brand-2) 18%, transparent), transparent 70%);filter:blur(60px);opacity:.28;position:absolute;inset:-30%}.lx-brand:after{content:"";opacity:.04;pointer-events:none;position:absolute;inset:0}.lx-brand>*{z-index:1;position:relative}.lx-brand-inner{flex-direction:column;gap:clamp(2rem,4.5vh,3.25rem);max-width:30rem;display:flex}.lx-logo{letter-spacing:.5px;align-items:center;gap:.65rem;font-size:1.5rem;font-weight:800;display:inline-flex}.lx-logo-mark{width:40px;height:40px;color:var(--primary-foreground,#fff);background:linear-gradient(135deg, var(--brand), var(--brand-2));box-shadow:0 8px 24px -6px color-mix(in srgb, var(--brand) 70%, transparent);border-radius:12px;place-items:center;font-size:1.25rem;display:grid}.lx-hero h1{margin:0 0 1rem;font-size:clamp(1.9rem,3.5vw,3rem);font-weight:800;line-height:1.18}.lx-hero p{color:var(--text-dim);margin:0;font-size:1.05rem;line-height:1.7}.lx-features{flex-direction:column;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}.lx-features li{color:var(--text-dim);align-items:center;gap:.7rem;font-size:.98rem;display:flex}.lx-features svg{color:var(--brand-2);flex-shrink:0}.lx-form-wrap{background:radial-gradient(80% 60% at 50% 0%, color-mix(in srgb, var(--brand) 8%, transparent), transparent), var(--bg);place-items:center;padding:clamp(1.5rem,4vw,3rem);display:grid;position:relative}.lx-mobile-brand{display:none}.lx-mobile-brand-name{letter-spacing:.5px;max-width:60vw;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:1.5rem;font-weight:800;line-height:1.4;overflow:hidden}.lx-card{background:var(--panel);border:1px solid var(--panel-border);width:min(420px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;padding:clamp(1.6rem,3vw,2.4rem);animation:.6s cubic-bezier(.22,1,.36,1) both lx-rise}.lx-card h2{margin:0 0 .35rem;font-size:1.6rem;font-weight:700}.lx-card .lx-sub{color:var(--text-dim);margin:0 0 1.6rem;font-size:.95rem}.lx-field{margin-block-end:1.1rem;animation:.6s cubic-bezier(.22,1,.36,1) both lx-rise}.lx-field:first-of-type{animation-delay:50ms}.lx-field:nth-of-type(2){animation-delay:.12s}.lx-field label{color:var(--text);margin-block-end:.5rem;font-size:.85rem;font-weight:600;display:block}.lx-input{position:relative}.lx-input input{padding:.85rem 1rem;width:100%;color:var(--text);background:var(--field-bg);border:1px solid var(--field-border);border-radius:13px;outline:none;padding-inline-end:2.8rem;font-family:inherit;font-size:.98rem;transition:border-color .18s,box-shadow .18s,background .18s}.lx-input input::placeholder{color:var(--text-dim);opacity:.7}.lx-input input:focus{border-color:var(--field-focus);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 14%, transparent)}.lx-input input[aria-invalid=true]{border-color:var(--danger)}.lx-toggle{cursor:pointer;width:32px;height:32px;color:var(--text-dim);background:0 0;border:none;border-radius:9px;place-items:center;transition:color .15s,background .15s;display:grid;position:absolute;inset-block-start:50%;inset-inline-end:.55rem;transform:translateY(-50%)}.lx-toggle:hover{color:var(--text);background:var(--field-border)}.lx-row{justify-content:flex-end;align-items:center;margin-block:.4rem 1.4rem;font-size:.86rem;display:flex}.lx-link{color:var(--brand);font-weight:600;text-decoration:none}.lx-link:hover{text-decoration:underline}.lx-error{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);border-radius:12px;align-items:center;gap:.55rem;margin-block-end:1rem;padding:.7rem .9rem;font-size:.88rem;animation:.4s lx-shake;display:flex}.lx-btn{width:100%;color:var(--primary-foreground);cursor:pointer;background:linear-gradient(135deg, var(--brand), var(--brand-2));box-shadow:0 12px 28px -10px color-mix(in srgb, var(--brand) 75%, transparent);border:none;border-radius:13px;padding:.95rem 1rem;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .2s,filter .2s;position:relative;overflow:hidden}.lx-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.lx-btn:active:not(:disabled){transform:translateY(0)}.lx-btn:disabled{opacity:.65;cursor:not-allowed}.lx-spinner{border:2.5px solid color-mix(in srgb, var(--primary-foreground,#fff) 35%, transparent);border-top-color:var(--primary-foreground,#fff);vertical-align:-3px;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite lx-spin;display:inline-block}.lx-foot{text-align:center;color:var(--text-dim);margin-block-start:1.6rem;font-size:.9rem}.lx-tools{z-index:5;gap:.5rem;display:flex;position:absolute;inset-block-start:1.2rem;inset-inline-end:1.2rem}.lx-tool{height:38px;color:var(--text);background:var(--panel);border:1px solid var(--panel-border);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:11px;align-items:center;gap:.35rem;padding-inline:.8rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.lx-tool:hover{transform:translateY(-1px)}@media (max-width:860px){.lx-auth{overscroll-behavior:contain;grid-template-columns:1fr;overflow-y:auto}.lx-brand{display:none}.lx-form-wrap{background:radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--brand) 14%, transparent), transparent 60%), var(--bg);gap:clamp(.5rem,2vh,.9rem);padding-block-start:calc(1.95rem + 38px)}.lx-mobile-brand{justify-content:center;align-items:center;min-height:64px;animation:.6s cubic-bezier(.22,1,.36,1) both lx-rise;display:flex}}@keyframes lx-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes lx-spin{to{transform:rotate(360deg)}}@keyframes lx-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.lx-card,.lx-field,.lx-mobile-brand{animation:none}}