:root{--bg1:#0f172a;--bg2:#111827;--card:rgba(255,255,255,.94);--cardBorder:rgba(255,255,255,.7);--text:#111827;--muted:#6b7280;--primary:#2563eb;--primary2:#1d4ed8;--primarySoft:rgba(37,99,235,.16);--danger:#ef4444;--success:#10b981;--info:#2563eb;--shadow:0 22px 60px rgba(2,8,23,.3);--radius-xl:28px;--radius-lg:20px;--radius-md:16px;--modal-overlay:rgba(15,23,42,.58);--modal-shadow:0 30px 70px rgba(15,23,42,.24);--modal-shadow-active:0 36px 90px rgba(15,23,42,.3)}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:"Tajawal",sans-serif;color:var(--text);background:radial-gradient(circle at top right,rgb(59 130 246 / .33),transparent 30%),radial-gradient(circle at bottom left,rgb(168 85 247 / .18),transparent 28%),linear-gradient(135deg,var(--bg1),var(--bg2))}body{direction:rtl}.page-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(12px);opacity:.45;pointer-events:none}.orb1{width:220px;height:220px;background:#60a5fa;top:-40px;right:-20px}.orb2{width:180px;height:180px;background:#a78bfa;bottom:-30px;left:-10px}.install-wrap{width:100%;max-width:430px;position:relative;z-index:2;margin-bottom:14px}.is-hidden{display:none!important}.login-card{width:100%;max-width:430px;position:relative;z-index:2;background:var(--card);border:1px solid var(--cardBorder);border-radius:var(--radius-xl);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:30px 24px 24px;animation:cardEnter 0.6s cubic-bezier(.16,1,.3,1)}@keyframes cardEnter{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.brand-mark{width:76px;height:76px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 16px 34px rgb(37 99 235 / .34);font-size:1.9rem}.hero{text-align:center;margin-bottom:22px}.hero h1{margin:0 0 8px;font-size:2rem;font-weight:800;color:#0f172a}.hero p{margin:0;color:var(--muted);line-height:1.8;font-size:1rem}.field{margin-top:16px}.field label{display:block;margin-bottom:8px;font-size:.97rem;font-weight:700;color:#374151}.input-wrap{position:relative}.field-icon{position:absolute;top:50%;right:16px;transform:translateY(-50%);color:#6b7280;font-size:1.08rem;pointer-events:none}.form-input{width:100%;height:58px;border:1px solid #d1d5db;border-radius:20px;background:#fff;outline:none;padding:0 48px;font-size:1rem;font-family:"Tajawal",sans-serif;color:var(--text);transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease;-webkit-appearance:none;appearance:none}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primarySoft)}.form-input::placeholder{color:#9ca3af}.form-input:focus-visible,.pass-toggle:focus-visible,.btn-login:focus-visible,.modal-btn:focus-visible,.ios-close:focus-visible{outline:3px solid rgb(37 99 235 / .25);outline-offset:2px}.pass-toggle{position:absolute;top:50%;left:12px;transform:translateY(-50%);border:0;background:#fff0;color:#6b7280;cursor:pointer;width:36px;height:36px;border-radius:12px;font-size:1rem;transition:background 0.2s ease,color 0.2s ease,transform 0.2s ease}.pass-toggle:hover{background:#f3f4f6;color:#111827}.pass-toggle:active{transform:translateY(-50%) scale(.96)}.btn-login{width:100%;height:58px;margin-top:26px;border:none;border-radius:20px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff!important;font-family:"Tajawal",sans-serif;font-size:1.05rem;font-weight:800;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease,filter 0.2s ease,opacity 0.2s ease;box-shadow:0 14px 28px rgb(37 99 235 / .25);display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none!important;user-select:none}.btn-login:hover{filter:brightness(.96);transform:translateY(-2px);box-shadow:0 16px 32px rgb(37 99 235 / .35)}.btn-login:active{transform:scale(.98)}.btn-login.loading{pointer-events:none;opacity:.84}.btn-login.loading .spinner{display:inline-block}.btn-install{margin-top:0;background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 10px 20px rgb(16 185 129 / .22)}.btn-install:hover{box-shadow:0 14px 24px rgb(16 185 129 / .28)}.spinner{display:none;width:20px;height:20px;border:3px solid rgb(255 255 255 / .35);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hp-field{position:absolute;left:-10000px;opacity:0;pointer-events:none}.bottom-note{margin-top:26px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:.9rem;transition:color 0.3s ease;padding-top:16px;border-top:1px solid rgb(0 0 0 / .05)}.bottom-note:hover{color:#374151}.bottom-note .icon-glow{color:var(--primary);font-size:1.1rem;filter:drop-shadow(0 0 4px var(--primarySoft))}.bottom-note .dev-name{font-weight:500}.bottom-note .dev-name strong{color:var(--primary2)}.version-badge{background:var(--primarySoft);color:var(--primary2);padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:800;letter-spacing:.5px;font-family:monospace,sans-serif}.modal-overlay{position:fixed;inset:0;z-index:2000;display:flex;justify-content:center;align-items:center;padding:18px;background:rgb(15 23 42 / .44);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .30s ease,backdrop-filter .34s ease,-webkit-backdrop-filter .34s ease,visibility 0s linear .34s}.modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);transition:opacity .30s ease,backdrop-filter .34s ease,-webkit-backdrop-filter .34s ease,visibility 0s linear 0s}.modal-content{position:relative;width:100%;max-width:400px;background:rgb(255 255 255 / .985);border:1px solid rgb(226 232 240 / .92);border-radius:24px;padding:30px 24px;text-align:center;box-shadow:var(--modal-shadow);opacity:0;transform:translateY(24px) scale(.94);transform-origin:center center;will-change:transform,opacity;transition:opacity .26s ease,transform .42s cubic-bezier(.16,1,.3,1),box-shadow .34s ease}.modal-overlay.active .modal-content{opacity:1;transform:translateY(0) scale(1);box-shadow:var(--modal-shadow-active)}.modal-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:2rem;margin:0 auto 16px;opacity:0;transform:translateY(8px) scale(.88);transition:opacity .22s ease .08s,transform .34s cubic-bezier(.16,1,.3,1) .08s}.modal-overlay.active .modal-icon{opacity:1;transform:translateY(0) scale(1)}.modal-icon.error{background:#fee2e2;color:var(--danger)}.modal-icon.success{background:#d1fae5;color:var(--success)}.modal-icon.info{background:#dbeafe;color:var(--info)}.modal-title{font-size:1.4rem;font-weight:800;margin:0 0 10px;color:#111827}.modal-message{font-size:1rem;color:#4b5563;line-height:1.8;margin:0 0 24px}.modal-btn{width:100%;padding:14px;border-radius:16px;border:none;font-family:"Tajawal",sans-serif;font-size:1rem;font-weight:700;cursor:pointer;background:#f3f4f6;color:#111827;transition:background 0.2s ease,transform 0.18s ease,box-shadow 0.2s ease}.modal-btn:hover{background:#e5e7eb}.modal-btn:active{transform:scale(.985)}.modal-btn.error-btn{background:var(--danger);color:#fff}.modal-btn.error-btn:hover{background:#dc2626}.modal-btn.success-btn{background:var(--success);color:#fff}.modal-btn.success-btn:hover{background:#059669}.modal-btn.info-btn{background:var(--info);color:#fff}.modal-btn.info-btn:hover{background:#1d4ed8}#iosA2HS{position:fixed;inset:0;background:rgb(15 23 42 / .45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:3000;display:none}#iosA2HS.active{display:block}.ios-sheet{position:absolute;left:16px;right:16px;bottom:16px;background:#fff;border-radius:22px;padding:22px 18px 16px;box-shadow:0 20px 40px rgb(0 0 0 / .18);animation:iosUp 0.25s ease}@keyframes iosUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ios-close{position:absolute;top:10px;left:10px;width:34px;height:34px;border:0;border-radius:10px;background:#f3f4f6;font-size:1.2rem;cursor:pointer}.ios-title{font-size:1.1rem;font-weight:800;margin-bottom:8px;color:#111827}.ios-text{color:#4b5563;line-height:1.9;font-size:.98rem}.ios-tip{margin-top:10px;font-size:.9rem;color:#64748b}@media (max-width:480px){.page-shell{padding:18px}.login-card{padding:24px 18px 20px;border-radius:24px}.hero h1{font-size:1.7rem}.brand-mark{width:70px;height:70px;font-size:1.7rem}.form-input,.btn-login{height:54px}.modal-content{border-radius:22px;padding:26px 18px}.modal-title{font-size:1.25rem}.modal-message{font-size:.96rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.modal-overlay,.modal-content,.modal-icon{transition:none!important}}