.sl{--sl-ink:#14244e;--sl-muted:#6b7a99;--sl-line:rgba(20,36,78,0.12);--sl-blue:#3b75e1;--sl-blue-deep:#2a5bc4;--sl-sky:#eaf1fc;--sl-paper:rgba(255,255,255,0.9);--sl-sun:#e8a33e;position:relative;isolation:isolate;min-height:100svh;min-height:100vh;display:grid;place-items:center;padding:clamp(1.25rem,4vw,2.5rem);overflow:hidden;font-family:var(--font-cairo),"Cairo",sans-serif;color:var(--sl-ink);background:#0b1f3a}.sl-scene{z-index:0;pointer-events:none;overflow:hidden}.sl-scene,.sl-scene-wash{position:absolute;inset:0}.sl-scene-wash{background:#020617}.sl-scene-bus{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0}.sl-scene-bus.is-ready{opacity:1;animation:sl-hero-in .28s ease both}.sl-scene-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,36,78,.28),rgba(20,36,78,.18) 42%,rgba(244,247,251,.55))}.sl-main{position:relative;z-index:1;width:min(100%,400px);animation:sl-enter .55s cubic-bezier(.22,1,.36,1) both}.sl-sheet{display:grid;gap:1.35rem;padding:clamp(1.75rem,4vw,2.35rem);border-radius:20px;background:var(--sl-paper);border:1px solid rgba(255,255,255,.7);box-shadow:0 24px 60px rgba(15,60,120,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.sl-brand{display:flex;flex-direction:column;align-items:center;gap:.85rem;text-decoration:none;color:inherit;width:fit-content;margin-inline:auto}.sl-brand-mark{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#3b8ef0,var(--sl-blue-deep));box-shadow:0 14px 28px rgba(15,79,168,.28)}.sl-brand-name{font-size:clamp(2rem,5vw,2.45rem);font-weight:900;letter-spacing:-.03em;line-height:1}.sl-tagline{margin:-.35rem 0 0;text-align:center;font-size:.98rem;font-weight:700;color:var(--sl-muted)}.sl-form{display:grid;gap:1rem;margin-top:.35rem}.sl-field{display:grid;gap:.4rem}.sl-label{font-size:.8rem;font-weight:700;color:#3d4f63;padding-inline-start:.1rem}.sl-input{width:100%;min-height:3.2rem;border:1.5px solid #c9d6e5;border-radius:14px;background:#fff;padding:.85rem 1.05rem;font:inherit;font-size:.95rem;font-weight:600;color:var(--sl-ink);outline:none;box-shadow:0 1px 2px rgba(15,60,120,.04);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.sl-input::placeholder{color:#94a3b8;font-weight:500}.sl-input:hover{border-color:#9bb8d9;background:#fcfdff}.sl-input:focus{border-color:var(--sl-blue);background:#fff;box-shadow:0 0 0 4px rgba(26,111,212,.14),0 2px 8px rgba(15,79,168,.08)}.sl-field:focus-within .sl-label{color:var(--sl-blue-deep)}.sl-password{position:relative}.sl-password .sl-input{padding-left:3.1rem;padding-right:1.05rem}.sl-eye{position:absolute;left:.4rem;right:auto;top:50%;transform:translateY(-50%);width:2.45rem;height:2.45rem;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#334155;display:grid;place-items:center;cursor:pointer;z-index:2;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.sl-eye svg{display:block}.sl-eye:hover{background:#eff6ff;border-color:#bfdbfe;color:var(--sl-blue-deep);box-shadow:0 4px 10px rgba(37,99,235,.12)}.sl-eye:active{transform:translateY(-50%) scale(.96)}.sl-password:focus-within .sl-eye{background:#eff6ff;border-color:#93c5fd;color:var(--sl-blue-deep)}.sl-error{margin:0;padding:.7rem .85rem;border-radius:10px;background:#fff1f2;border:1px solid #fecdd3;color:#be123c;font-size:.875rem;font-weight:700;text-align:center;animation:sl-shake .35s ease}.sl-submit{margin-top:.25rem;width:100%;min-height:3.15rem;border:0;border-radius:12px;padding:.85rem 1.1rem;font:inherit;font-size:1rem;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f86e8,var(--sl-blue-deep));box-shadow:0 12px 28px rgba(15,79,168,.28);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.sl-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 32px rgba(15,79,168,.34);filter:brightness(1.03)}.sl-submit:active:not(:disabled){transform:translateY(0)}.sl-submit:disabled{opacity:.72;cursor:not-allowed}.sl-spinner{width:17px;height:17px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:sl-spin .7s linear infinite}.sl-links{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--sl-line);margin-top:.15rem;padding-top:1rem}.sl-links a{font-size:.84rem;font-weight:700;color:var(--sl-muted);text-decoration:none;transition:color .15s ease}.sl-links a:hover{color:var(--sl-blue-deep)}@keyframes sl-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes sl-hero-in{0%{opacity:0}to{opacity:1}}@keyframes sl-bus{0%,to{transform:scale(1.08) translateY(6%)}50%{transform:scale(1.08) translateY(3.5%)}}@keyframes sl-wash{0%{filter:hue-rotate(0deg) brightness(1)}to{filter:hue-rotate(8deg) brightness(1.04)}}@keyframes sl-spin{to{transform:rotate(1turn)}}@keyframes sl-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@media (max-width:520px){.sl{padding:1rem;align-items:end}.sl-sheet{border-radius:18px 18px 14px 14px}.sl-scene-bus{opacity:1;object-position:center}}@media (prefers-reduced-motion:reduce){.sl-error,.sl-main,.sl-scene-bus,.sl-scene-wash,.sl-spinner{animation:none!important}.sl-scene-bus.is-ready{opacity:1}}.sl--super{--sl-blue:#0f6cbd;--sl-blue-deep:#0a3d7a;background:#0b1f3a}.sl--super .sl-scene-wash{background:#020617}.sl--super .sl-scene-veil{background:linear-gradient(180deg,rgba(10,40,80,.32),rgba(20,36,78,.2) 42%,rgba(244,247,251,.55))}.sl--super .sl-brand-mark{background:linear-gradient(145deg,#2a7fd4,#0a3d7a)}.sl--super .sl-submit{background:linear-gradient(135deg,#1a6eb8,#0a3d7a)}