.login-page-wrapper{background:#f5f7fa}@media (min-width: 992px){.login-page-wrapper>.container{max-width:min(1480px,94vw)}}.login-heading{font-size:42px}.login-description{max-width:500px}.login-features{display:flex;flex-direction:column;gap:1rem;max-width:640px}.feature-card{--fc: #0ea5e9;position:relative;display:flex;align-items:center;gap:1.125rem;padding:1.25rem 1.5rem;border-radius:1.125rem;background:#fff;border:1px solid #e9edf3;box-shadow:0 1px 2px #1018280a;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease;animation:loginFadeUp .6s cubic-bezier(.2,.8,.2,1) both}.feature-card--success{--fc: #10b981}.feature-card--warning{--fc: #f59e0b}.feature-card:nth-child(2){animation-delay:.12s}.feature-card:nth-child(3){animation-delay:.24s}.feature-card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--fc);transform:scaleY(0);transition:transform .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--fc) 35%,#e9edf3);box-shadow:0 16px 32px -12px color-mix(in srgb,var(--fc) 35%,transparent),0 4px 10px #1018280d}.feature-card:hover:before{transform:scaleY(1)}.feature-icon-box{position:relative;flex:0 0 56px;width:56px;height:56px;display:grid;place-items:center;border-radius:16px;color:var(--fc);background:linear-gradient(135deg,color-mix(in srgb,var(--fc) 20%,#fff),color-mix(in srgb,var(--fc) 7%,#fff));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fc) 18%,transparent);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.feature-icon-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid var(--fc);opacity:0;animation:featurePing 1.4s ease-out .5s 1 both}.feature-card:nth-child(2) .feature-icon-box:after{animation-delay:.62s}.feature-card:nth-child(3) .feature-icon-box:after{animation-delay:.74s}.feature-card:hover .feature-icon-box{transform:scale(1.08) rotate(-4deg)}.feature-icon{width:28px;height:28px}.fi-check{stroke-dasharray:1;animation:featureDraw .7s ease-out .7s 1 both}.fi-bar{fill:currentColor;stroke:none;transform-box:fill-box;transform-origin:50% 100%;animation:featureBar .7s cubic-bezier(.2,.8,.2,1) .7s 1 both}.fi-bar:nth-of-type(2){animation-delay:.85s}.fi-bar:nth-of-type(3){animation-delay:1s}.fi-dot{fill:currentColor;stroke:none;transform-box:fill-box;transform-origin:center;animation:featureDot .6s ease-out .9s 1 both}.fi-dot:nth-of-type(2){animation-delay:1.05s}.fi-dot:nth-of-type(3){animation-delay:1.2s}.login-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:640px;margin-top:2rem;text-align:center;animation:loginFadeUp .6s cubic-bezier(.2,.8,.2,1) .36s both}.login-stat+.login-stat{border-inline-start:1px solid #e5e7eb}.login-stat h3{margin-bottom:.125rem;font-weight:700;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,#1d72f3,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes featurePing{0%{transform:scale(1);opacity:.45}60%,to{transform:scale(1.4);opacity:0}}@keyframes featureDraw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes featureBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes featureDot{0%{transform:translateY(0);opacity:0}50%{transform:translateY(-2.5px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes securityLock{0%{transform:translateY(-3px)}70%{transform:translateY(.6px)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.feature-card,.login-stats,.login-security-item,.feature-icon-box:after,.fi-check,.fi-bar,.fi-dot,.si-ring,.si-shackle{animation:none}}.login-card{border-radius:2rem!important}.login-card-inner{padding:3rem}.login-title{color:#2b2f3c}.login-subtitle{font-size:14px}.login-input{height:48px;border-radius:12px;border:1px solid #dcdfe6;background:#fff}.login-input-password{border-radius:12px 0 0 12px}.login-input-addon{border-radius:0 12px 12px 0;border:1px solid #dcdfe6;border-left:0;background:#fff}.login-btn-primary{background:linear-gradient(90deg,#1d72f3,#1a8cff);border:none;border-radius:14px;color:#fff;font-weight:600;box-shadow:0 6px 15px #1d72f359}.login-btn-secondary{background:#fff;border:1px solid #dcdfe6;border-radius:14px;font-weight:500}.login-divider{height:1px;background:#e5e7eb}.login-link{color:#2563eb;font-weight:600;text-decoration:none}.login-link-secondary{color:#2563eb;text-decoration:none}.login-security{font-size:13px;color:#6c757d;flex-wrap:wrap;gap:10px}.login-security-item{gap:8px;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid #e9edf3;font-weight:500;white-space:nowrap;box-shadow:0 1px 2px #1018280a;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;animation:loginFadeUp .5s cubic-bezier(.2,.8,.2,1) .4s both}.login-security-item:nth-child(2){animation-delay:.5s}.login-security-item:nth-child(3){animation-delay:.6s}.login-security-item:hover{transform:translateY(-2px);border-color:#1d72f359;box-shadow:0 8px 16px -8px #1d72f359}.login-security-icon{width:18px;height:18px;flex:0 0 18px;color:#1d72f3}.login-security-item .fi-check{animation-delay:1s}.si-ring{stroke-dasharray:1;animation:featureDraw .8s ease-out .9s 1 both}.login-security-item .si-ring+.fi-check{animation-delay:1.5s}.si-shackle{animation:securityLock .6s cubic-bezier(.2,.8,.2,1) 1s 1 both}@media (max-width: 991px){.login-card-inner{padding:1rem}}.login-input-group{border-radius:12px;overflow:hidden;border:1px solid #e2e5ea;transition:border-color .2s ease}.login-input-group .form-control,.login-input-group .input-group-text{border:none;background:#fff}.login-input{height:52px;font-size:14px;box-shadow:none!important}.login-input-icon{background:#fff;color:#98a2b3;padding:0 14px}.login-input-group:focus-within{border:2px solid #2f6fed}.login-input:focus{box-shadow:none!important}.toggle-password{cursor:pointer}@media (min-width: 992px) and (max-height: 820px){.login-heading{font-size:34px;margin-bottom:.5rem!important}.login-description{margin-bottom:1.5rem!important}.login-features{gap:.625rem}.feature-card{padding:.875rem 1.25rem}.login-stats{margin-top:1.25rem}.login-card-inner{padding:1.5rem 2rem}.login-security{margin-top:1.25rem!important;padding-top:0!important}}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-page-wrapper{background:#0f172a}:is(html.dark-style,html.dark-theme,body.dark-theme) .feature-card{background:#1e293b;border-color:#334155;box-shadow:0 1px 2px #0000004d}:is(html.dark-style,html.dark-theme,body.dark-theme) .feature-card:hover{border-color:color-mix(in srgb,var(--fc) 45%,#334155);box-shadow:0 16px 32px -12px color-mix(in srgb,var(--fc) 40%,transparent),0 4px 10px #0000004d}:is(html.dark-style,html.dark-theme,body.dark-theme) .feature-card h6{color:#f1f5f9}:is(html.dark-style,html.dark-theme,body.dark-theme) .feature-card .text-muted,:is(html.dark-style,html.dark-theme,body.dark-theme) .login-description{color:#94a3b8!important}:is(html.dark-style,html.dark-theme,body.dark-theme) .feature-icon-box{background:linear-gradient(135deg,color-mix(in srgb,var(--fc) 28%,#1e293b),color-mix(in srgb,var(--fc) 12%,#1e293b));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fc) 30%,transparent)}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-stat+.login-stat{border-inline-start-color:#334155}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-security{color:#cbd5e1}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-security-item{background:#1e293b;border-color:#334155;box-shadow:0 1px 2px #0000004d}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-security-item:hover{border-color:#60a5fa80;box-shadow:0 8px 16px -8px #1d72f380}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-security-icon{color:#60a5fa}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-title{color:#f1f5f9}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-divider{background:#334155}.login-page-wrapper{position:relative;isolation:isolate;overflow:hidden}.login-page-wrapper>.container{position:relative;z-index:1}.login-market-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 12% 18%,rgba(29,114,243,.07),transparent 70%),radial-gradient(45% 45% at 88% 82%,rgba(14,165,233,.06),transparent 70%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);animation:loginBgIn 1.2s ease-out both}.login-market-bg canvas{display:block;width:100%;height:100%}@keyframes loginBgIn{0%{opacity:0}to{opacity:1}}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-market-bg{background:radial-gradient(60% 50% at 12% 18%,rgba(59,130,246,.12),transparent 70%),radial-gradient(45% 45% at 88% 82%,rgba(56,189,248,.08),transparent 70%)}@media (prefers-reduced-motion: reduce){.login-market-bg{animation:none}}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f7fae0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}.login-overlay.active{opacity:1;visibility:visible;transition:opacity .35s ease}.login-overlay-ring{width:72px;height:72px;margin-bottom:20px;border-radius:50%;border:4px solid rgba(29,114,243,.15);border-top-color:var(--bs-primary);animation:loginSpin .8s linear infinite}.login-overlay-msg{margin-bottom:.5rem;font-size:1.1rem;font-weight:600;color:var(--bs-primary)}.login-overlay-dots span{display:inline-block;width:8px;height:8px;margin:0 3px;border-radius:50%;background:var(--bs-primary);animation:loginDotPulse 1.2s ease-in-out infinite}.login-overlay-dots span:nth-child(2){animation-delay:.2s}.login-overlay-dots span:nth-child(3){animation-delay:.4s}@keyframes loginSpin{to{transform:rotate(360deg)}}@keyframes loginDotPulse{0%,80%,to{transform:scale(.7);opacity:.5}40%{transform:scale(1);opacity:1}}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-overlay{background:#0f172adb}.login-btn-primary{transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}.login-btn-primary:not([aria-busy=true]):hover{transform:translateY(-1px);box-shadow:0 10px 22px #1d72f366}.login-btn-primary[aria-busy=true]{opacity:.85;cursor:progress}@media (prefers-reduced-motion: reduce){.login-overlay-ring,.login-overlay-dots span{animation-duration:2s}}.auth-tools{position:absolute;top:20px;inset-inline-end:20px;z-index:2;display:flex;align-items:center;gap:10px}.auth-lang-toggle{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 16px;border-radius:999px;border:1px solid #e2e8f0;background:#ffffffd9;color:#1e293b;font-size:14px;font-weight:600;text-decoration:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px #10182814;transition:border-color .2s ease,color .2s ease,background .2s ease}.auth-lang-toggle:hover,.auth-lang-toggle:focus-visible{border-color:#1d72f366;color:#1d72f3}.auth-lang-toggle i{font-size:17px}.auth-lang-toggle span:lang(ar){font-family:Tajawal,sans-serif}.auth-theme-toggle{position:relative;width:42px;height:42px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid #e2e8f0;background:#ffffffd9;color:#1e293b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px #10182814;cursor:pointer;transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.auth-theme-toggle:hover{transform:rotate(-12deg) scale(1.05);border-color:#1d72f366;color:#1d72f3}.auth-theme-toggle:focus-visible{outline:3px solid rgba(29,114,243,.35);outline-offset:2px}.auth-theme-toggle i{margin:0!important;font-size:20px;line-height:1;display:grid;place-items:center}.auth-mobile-brand{display:flex;justify-content:center;margin:4.5rem 0 1.5rem}.tf-page.tf-in-auth{min-height:0;display:block;padding:0;background:transparent!important}.tf-in-auth .tf-card.login-card{padding:2.75rem 3rem 2rem;border-radius:2rem!important;background:#fff}.tf-in-auth .tf-meta{margin-top:16px}@media (max-width: 991px){.tf-in-auth .tf-card.login-card{padding:1.75rem 1.25rem 1.5rem}}@media (max-width: 575px){.auth-tools{top:14px;inset-inline-end:14px;gap:8px}.auth-theme-toggle{width:38px;height:38px}.auth-lang-toggle{height:38px;padding:0 12px;font-size:13px}.auth-mobile-brand{margin-top:3.5rem}.tf-in-auth .tf-card.login-card{border-radius:1.5rem!important}}:is(html.dark-style,html.dark-theme,body.dark-theme) .auth-theme-toggle{background:#1e293bd9;border-color:#334155;color:#fbbf24;box-shadow:0 4px 14px #00000059}:is(html.dark-style,html.dark-theme,body.dark-theme) .auth-theme-toggle:hover{border-color:#fbbf2480;color:#fcd34d}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-card,:is(html.dark-style,html.dark-theme,body.dark-theme) .tf-in-auth .tf-card.login-card{background:#1e293b!important;border:1px solid #334155!important;box-shadow:0 24px 60px #00000073!important}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-heading{color:#f1f5f9}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-page-wrapper .text-muted{color:#94a3b8!important}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-page-wrapper .form-label,:is(html.dark-style,html.dark-theme,body.dark-theme) .login-page-wrapper .form-check-label{color:#cbd5e1}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-input-group{border-color:#334155}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-input-group:focus-within{border-color:#60a5fa}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-input-group .form-control,:is(html.dark-style,html.dark-theme,body.dark-theme) .login-input-group .input-group-text{background:#0f172a;color:#e2e8f0}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-input::placeholder{color:#64748b}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-input-icon,:is(html.dark-style,html.dark-theme,body.dark-theme) .toggle-password{color:#64748b}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #0f172a inset;-webkit-text-fill-color:#e2e8f0;caret-color:#e2e8f0}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-page-wrapper .form-check-input{background-color:#0f172a;border-color:#475569}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-page-wrapper .form-check-input:checked{background-color:#1d72f3;border-color:#1d72f3}:is(html.dark-style,html.dark-theme,body.dark-theme) .login-link,:is(html.dark-style,html.dark-theme,body.dark-theme) .login-link-secondary{color:#60a5fa}.login-page-wrapper,.login-card,.login-input-group,.login-input-group .form-control,.login-input-group .input-group-text{transition:background-color .3s ease,border-color .3s ease,color .3s ease}@media (prefers-reduced-motion: reduce){.auth-theme-toggle,.login-page-wrapper,.login-card{transition:none}}html.dark-style .login-page-wrapper>.container,html.dark-theme .login-page-wrapper>.container,body.dark-theme .login-page-wrapper>.container,html.dark-style .login-page-wrapper>.container>.row,html.dark-theme .login-page-wrapper>.container>.row,body.dark-theme .login-page-wrapper>.container>.row{background:transparent!important}.login-page-wrapper{padding-top:2.5rem;padding-bottom:2.5rem}@media (min-width: 992px) and (max-height: 820px){.login-page-wrapper{padding-top:1.25rem;padding-bottom:1.25rem}}.auth-card-icon{width:56px;height:56px;margin-bottom:1.25rem;display:grid;place-items:center;border-radius:16px;font-size:26px;color:#1d72f3;background:linear-gradient(135deg,#eef5ff,#e3f0ff);box-shadow:inset 0 0 0 1px #cfe2ff}[dir=rtl] .auth-arrow,[dir=rtl] #loginBtnArrow{display:inline-block;transform:scaleX(-1)}:is(html.dark-style,html.dark-theme,body.dark-theme) .auth-lang-toggle{background:#1e293bd9;border-color:#334155;color:#e2e8f0;box-shadow:0 4px 14px #00000059}:is(html.dark-style,html.dark-theme,body.dark-theme) .auth-lang-toggle:hover{border-color:#60a5fa80;color:#93c5fd}:is(html.dark-style,html.dark-theme,body.dark-theme) .auth-card-icon{color:#93c5fd;background:#1d72f32e;box-shadow:inset 0 0 0 1px #1d72f366}.login-stat h3{direction:ltr;unicode-bidi:isolate}