.login-page{position:relative;padding:calc(var(--The-Padding-Calculation) * 2.5);max-width:480px;margin:0 auto 30px;background:var(--The-Secondary-Background-Color);border-radius:24px;box-shadow:var(--Company-shadow);direction:rtl;animation:loginFadeIn .6s cubic-bezier(.4,0,.2,1);overflow:hidden;isolation:isolate;border:1px solid var(--Company-border);transition:all .5s cubic-bezier(.4,0,.2,1)}.login-page:hover{box-shadow:var(--Company-shadow-hover);transform:translateY(-3px)}.login-page:before{content:"";position:absolute;inset:-2px;border-radius:26px;z-index:-1;padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8;transition:opacity .3s ease}.login-page:hover:before{opacity:1}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes spinBorder{to{--angle:360deg}}.login-title{font-size:clamp(1.6rem,3vw,2rem);font-weight:800;margin:0 0 .9rem;display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--The-Text-Color-Dark)}@keyframes gradientText{0%,to{background-position:0 50%}33%{background-position:100% 50%}66%{background-position:50% 100%}}.login-title-icon{display:inline-flex;align-items:center;color:var(--The-Color1);font-size:2.2rem;-webkit-text-fill-color:initial;animation:iconFloat 4s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0) scale(1) rotate(0)}25%{transform:translateY(-10px) scale(1.05) rotate(-3deg)}75%{transform:translateY(-5px) scale(1.03) rotate(3deg)}}.login-page.no-icon-animation .login-title-icon{animation:none!important}.login-subtitle{font-size:.95rem;color:var(--The-Color4);margin:.25rem 0 0;font-weight:400;letter-spacing:.02em}.login-title-divider{width:80px;height:4px;margin:.75rem auto 0;background:linear-gradient(90deg,var(--The-Color1) 0,var(--The-Color2) 50%,var(--The-Color13) 100%);border-radius:4px;position:relative;box-shadow:0 0 20px rgba(113,55,22,.3);transition:all .6s cubic-bezier(.4,0,.2,1)}.login-title-divider:after{content:"";position:absolute;top:-3px;right:50%;width:14px;height:10px;background:var(--The-Color2);border-radius:50%;transform:translateX(50%) scale(0);transition:all .6s ease;filter:blur(4px);opacity:.6}.login-title-wrapper:hover .login-title-divider{width:120px}.login-title-wrapper:hover .login-title-divider:after{transform:translateX(50%) scale(1);opacity:1}.login-form-group{position:relative;z-index:1;margin-bottom:calc(var(--The-Padding-Calculation) * 1.5)}.login-form-group label{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem;font-size:.9rem;font-weight:600;color:var(--The-Text-Color-Dark);letter-spacing:.02em;transition:all .3s ease;position:relative;padding-right:.75rem}.login-form-group label:before{content:"";position:absolute;right:-.75rem;top:50%;transform:translateY(-50%) scaleY(0);width:4px;height:24px;background:linear-gradient(180deg,var(--The-Color1),transparent);border-radius:4px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.login-form-group:focus-within label:before,.login-form-group:hover label:before{transform:translateY(-50%) scaleY(1)}.login-form-group label .required{color:var(--The-Color3);margin-right:2px;animation:requiredPulse 1.5s ease-in-out infinite}@keyframes requiredPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}}.label-text{font-weight:600}.validation-icon{display:inline-flex;align-items:center;animation:validationPop .4s cubic-bezier(.4,0,.2,1)}.validation-icon svg{display:block;width:20px;height:20px}@keyframes validationPop{0%{opacity:0;transform:scale(.3) rotate(-40deg)}50%{transform:scale(1.3) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.login-input{width:100%;padding:calc(var(--The-Input-Padding) * .7);padding-left:3rem;font-size:1rem;color:var(--The-Color1);background:var(--The-Main-Background-Color);border:2px solid var(--The-Main-Background-Color);border-radius:14px;transition:all .4s cubic-bezier(.4,0,.2,1);outline:none;direction:rtl;font-family:inherit;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.02)}.login-input:hover{border-color:var(--The-Color4);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.05)}.login-input:focus{border-color:var(--The-Color1);box-shadow:0 0 0 4px var(--The-Background-Color-Rgba-0-2),0 4px 24px rgba(113,55,22,.1);background:var(--The-Main-Background-Color);transform:translateY(-2px)}.login-input::placeholder{color:var(--The-Color4);opacity:.5;font-size:.95rem;transition:all .3s ease}.login-input:focus::placeholder{opacity:.2;transform:translateX(8px)}.login-input:disabled{opacity:.5;cursor:not-allowed;background:var(--The-Main-Background-Color);transform:none!important}.login-input.valid{border-color:var(--The-Color10)!important;box-shadow:0 0 0 4px rgba(15,165,161,.12);background:var(--The-Secondary-Background-Color)}.login-input.valid:focus{box-shadow:0 0 0 4px rgba(15,165,161,.18)}.login-input.invalid{border-color:var(--The-Color3)!important;box-shadow:0 0 0 4px rgba(228,44,73,.12);animation:shake .4s ease}.login-input.invalid:focus{box-shadow:0 0 0 4px rgba(228,44,73,.18)}.login-page.no-shake .login-input.invalid{animation:none!important}.login-input.empty{border-color:var(--The-Main-Background-Color);box-shadow:none}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-6px)}20%,40%,60%,80%{transform:translateX(6px)}}.login-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);z-index:2;color:var(--The-Color4);opacity:.4;transition:all .3s ease;pointer-events:none}.login-form-group:focus-within .login-input-icon{color:var(--The-Color1);opacity:1;transform:translateY(-50%) scale(1.15)}.login-error-message,.login-success-message{font-size:.8rem;margin-top:.5rem;display:none;align-items:center;gap:.35rem;padding:.4rem .6rem;animation:slideDown .3s cubic-bezier(.4,0,.2,1);border-radius:8px}.login-error-message{color:var(--The-Color3);background:rgba(228,44,73,.06);border-right:3px solid var(--The-Color3)}.login-error-message:before{content:"⚠️";font-size:.9rem}.login-success-message{color:var(--The-Color10);background:rgba(15,165,161,.06);border-right:3px solid var(--The-Color10)}.login-success-message:before{content:"✅";font-size:.9rem}.login-error-message.visible,.login-success-message.visible{display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.password-error-message{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.4rem .6rem;font-size:.8rem;color:var(--The-Color3);background:rgba(228,44,73,.06);border-radius:8px;border-right:3px solid var(--The-Color3);animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.password-error-message .error-icon{font-size:.9rem}.btn-submit{position:relative;z-index:1;width:100%;padding:calc(var(--The-Input-Padding) * .8);font-size:1rem;font-weight:700;color:var(--The-Text-Color-White-All);background:linear-gradient(135deg,var(--The-Color1),var(--The-Color1));border:none;border-radius:14px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:.5rem;letter-spacing:.05em;overflow:hidden;text-transform:uppercase}.btn-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--The-Color2),var(--The-Color13));opacity:0;transition:opacity .4s ease;z-index:-1}.btn-submit:hover:not(:disabled):before{opacity:.15}.btn-submit:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.25);border-radius:50%;transform:translate(-50%,-50%);transition:width .8s cubic-bezier(.4,0,.2,1),height .8s cubic-bezier(.4,0,.2,1)}.btn-submit:hover:not(:disabled):after{width:600px;height:600px}.btn-submit:hover:not(:disabled){transform:translateY(-3px) scale(1.02)}.btn-submit:active:not(:disabled){transform:translateY(0) scale(.97)}.btn-submit:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-submit:disabled,.login-page.no-hover:hover{transform:none!important}.btn-submit.loading{color:transparent;pointer-events:none}.btn-submit.loading:after{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border:3px solid rgba(255,255,255,.15);border-top:3px solid var(--The-Text-Color-White);border-radius:50%;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite;z-index:2}@keyframes spin{to{transform:rotate(1turn)}}.btn-submit.large{padding:calc(var(--The-Input-Padding) * .9);font-size:1.1rem}.btn-submit.small{padding:calc(var(--The-Input-Padding) * .5);font-size:.85rem}.btn-submit.rounded{border-radius:50px}.btn-submit.square{border-radius:4px}.btn-submit.full-width{width:100%}.btn-submit.half-width{width:50%;margin:0 auto}.btn-submit.no-margin{margin-top:0}.btn-submit.success{background:linear-gradient(135deg,var(--The-Color10),#0d8f8c);box-shadow:0 4px 20px rgba(15,165,161,.35)}.btn-submit.success:hover:not(:disabled){background:linear-gradient(135deg,#0d8f8c,var(--The-Color10));box-shadow:0 8px 35px rgba(15,165,161,.45)}.btn-submit.danger{background:linear-gradient(135deg,var(--The-Color3),#c82333);box-shadow:0 4px 20px rgba(228,44,73,.35)}.btn-submit.danger:hover:not(:disabled){background:linear-gradient(135deg,#c82333,var(--The-Color3));box-shadow:0 8px 35px rgba(228,44,73,.45)}.btn-submit.info{background:linear-gradient(135deg,var(--The-Color2),#35a8ac);box-shadow:0 4px 20px rgba(63,186,190,.35)}.btn-submit.purple{background:linear-gradient(135deg,var(--The-Color12),#7b1fa2);box-shadow:0 4px 20px rgba(156,39,176,.35)}.btn-submit.dark{background:linear-gradient(135deg,var(--The-Color5),#000);box-shadow:0 4px 20px rgba(32,32,32,.35)}.btn-submit.outline{background:transparent;color:var(--The-Color1);border:2px solid var(--The-Color1);box-shadow:none}.btn-submit.outline:hover:not(:disabled){background:var(--The-Color1);color:var(--The-Text-Color-White);box-shadow:0 8px 30px rgba(113,55,22,.3)}.login-registration-box{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.4rem .6rem;margin-top:calc(var(--The-Padding-Calculation) * 1.8);font-size:.75rem;color:var(--The-Color4);padding-top:calc(var(--The-Padding-Calculation) * 1.5);border-top:2px solid var(--The-Color4)}.login-registration-link{color:var(--The-Color1);font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;padding:.2rem 0;background:linear-gradient(135deg,var(--The-Color1),var(--The-Color2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientLink 3s ease infinite;font-size:.95rem}@keyframes gradientLink{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.login-registration-link:after{content:"";position:absolute;bottom:0;right:0;width:0;height:2px;background:linear-gradient(90deg,var(--The-Color1),var(--The-Color2));transition:width .4s cubic-bezier(.4,0,.2,1)}.login-registration-link:hover{transform:translateX(-4px) scale(1.02)}.login-registration-link:hover:after{width:100%}.login-registration-box.centered{justify-content:center}.login-registration-box.right{justify-content:flex-end}.login-registration-box.left{justify-content:flex-start}.login-registration-box.column{flex-direction:column;gap:.25rem}.login-registration-link.bold{font-weight:900}.login-registration-link.underline{text-decoration:underline;-webkit-text-fill-color:initial}.login-registration-link.underline:after{display:none}.login-registration-link.large{font-size:1.1rem}.login-registration-link.small{font-size:.85rem}.login-forgot-box{position:relative;z-index:1;text-align:center;margin-top:calc(var(--The-Padding-Calculation) * .8)}.login-forgot-link{color:var(--The-Color4);font-size:.75rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);padding-bottom:.1rem;display:inline-flex;align-items:center;gap:.4rem;position:relative;background:linear-gradient(90deg,var(--The-Color4),var(--The-Color4));background-repeat:no-repeat;background-position:bottom;background-size:0 2px;transition:background-size .4s ease,color .4s ease}.login-forgot-link:before{content:"🔑";font-size:.85rem;opacity:0;transform:translateX(-8px);transition:all .4s ease}.login-forgot-link:hover{color:var(--The-Color1);background-size:100% 2px;background-image:linear-gradient(90deg,var(--The-Color1),var(--The-Color2))}.login-forgot-link:hover:before{opacity:1;transform:translateX(0)}.login-forgot-box.centered{text-align:center}.login-forgot-box.right{text-align:right}.login-forgot-box.left{text-align:left}.login-forgot-link.bold{font-weight:600}.login-forgot-link.underline{background-size:100% 2px}.login-forgot-link.no-border{background-size:0 0}.password-input-wrapper{position:relative}.toggle-password{position:absolute;left:12px;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2;background:transparent;border:none}.toggle-password:hover{background:var(--The-Background-Color-Rgba-0-1);transform:translateY(-50%) scale(1.12)}.toggle-password:focus-visible{outline:2px solid var(--The-Color1);outline-offset:2px}.toggle-password svg{width:22px;height:22px;fill:var(--The-Color4);transition:all .3s ease;display:block}.toggle-password:hover svg{fill:var(--The-Color1);transform:scale(1.1) rotate(5deg)}.show-icon{display:block}.hide-icon,.password-input-wrapper.show .show-icon{display:none}.password-input-wrapper.show .hide-icon{display:block}.password-strength{margin-top:.5rem;display:flex;align-items:center;gap:.75rem}.strength-bar{flex:1;height:4px;background:var(--The-Color7);border-radius:4px;overflow:hidden}.strength-progress{height:100%;border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1)}.strength-label{font-size:.75rem;font-weight:600;min-width:50px;text-align:left;transition:color .3s ease}.password-requirements{display:grid;grid-template-columns:1fr;gap:.25rem .75rem;padding:.25rem 0}@media (max-width:576px){.password-requirements{grid-template-columns:1fr}}.requirement{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--The-Color4);transition:all .3s ease;padding:.15rem 0}.requirement.met{color:var(--The-Color10);font-weight:500}.requirement:not(.met){color:var(--The-Color4);opacity:.7}.requirement-icon{display:inline-flex;align-items:center;font-size:.85rem;transition:all .3s ease}.requirement.met .requirement-icon{transform:scale(1.1)}.password-alert{margin-top:.6rem;padding:.6rem .85rem;background:var(--The-Main-Background-Color);border-radius:10px;border:none;transition:all .3s ease;border:2px solid var(--The-Main-Background-Color)}.password-alert:hover{background-color:var(--The-Main-Background-Color);border:2px solid var(--The-Color1)}.login-divider{display:flex;align-items:center;text-align:center;margin:calc(var(--The-Padding-Calculation) * 1.8) 0;gap:1rem}.login-divider:after,.login-divider:before{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--Company-border),transparent);position:relative}.login-divider:before{background:linear-gradient(90deg,transparent,var(--Company-border))}.login-divider:after{background:linear-gradient(90deg,var(--Company-border),transparent)}.login-divider-text{color:var(--The-Color4);font-size:.8rem;font-weight:600;padding:0 .75rem;white-space:nowrap;position:relative;text-transform:uppercase;letter-spacing:.1em}.login-divider-text:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:var(--The-Secondary-Background-Color);border-radius:50%;z-index:-1;border:2px solid var(--Company-border)}.login-social-btn{position:relative;z-index:1;width:100%;padding:.75rem;font-size:.95rem;font-weight:600;color:var(--The-Text-Color-White);border:none;border-radius:14px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.6rem;font-family:inherit;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06)}.login-social-btn:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.12);transform:translateX(-100%) skewX(-15deg);transition:transform .6s cubic-bezier(.4,0,.2,1)}.login-social-btn:hover:before{transform:translateX(0) skewX(0)}.login-social-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--Company-shadow-hover)}.login-social-btn:active{transform:translateY(0) scale(.96)}.login-social-btn.google{background:linear-gradient(135deg,#ea4335,#c62828)}.login-social-btn.google:hover{background:linear-gradient(135deg,#c62828,#ea4335)}.login-social-btn.github{background:linear-gradient(135deg,#333,#1a1a1a)}.login-social-btn.github:hover{background:linear-gradient(135deg,#1a1a1a,#333)}.login-social-btn.facebook{background:linear-gradient(135deg,#1877f2,#0d47a1)}.login-social-btn.facebook:hover{background:linear-gradient(135deg,#0d47a1,#1877f2)}.login-social-btn svg{width:20px;height:20px;fill:currentColor;flex-shrink:0;position:relative;z-index:1}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(-40px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:576px){.login-page{padding:calc(var(--The-Padding-Calculation) * 1.5);margin:0 .75rem 30px;border-radius:18px}.login-title{font-size:1.4rem}.login-title-icon{font-size:1.6rem}.login-subtitle{font-size:.85rem}.login-input{padding:calc(var(--The-Input-Padding) * .5);padding-left:2.5rem;font-size:.95rem}.login-form-group label{font-size:.85rem}.btn-submit{padding:calc(var(--The-Input-Padding) * .5);font-size:.95rem}.login-registration-box{flex-direction:column;gap:.2rem;font-size:.9rem}.login-forgot-link{font-size:.85rem}.login-social-btn{font-size:.9rem;padding:.55rem}.toggle-password svg{width:20px;height:20px}.password-alert{font-size:.75rem;padding:.5rem .65rem}.login-divider{margin:calc(var(--The-Padding-Calculation) * 1.2) 0}.strength-label{font-size:.7rem;min-width:40px}}@media (min-width:577px) and (max-width:820px){.login-page{padding:calc(var(--The-Padding-Calculation) * 2);max-width:420px}}@media (min-width:1200px){.login-page{max-width:520px;padding:calc(var(--The-Padding-Calculation) * 3)}}.login-page::-webkit-scrollbar{width:4px}.login-page::-webkit-scrollbar-track{background:var(--The-Main-Background-Color);border-radius:2px}.login-page::-webkit-scrollbar-thumb{background:var(--The-Color1);border-radius:2px;transition:background .3s ease}.login-page::-webkit-scrollbar-thumb:hover{background:var(--Company-dark)}@media (prefers-color-scheme:dark){.login-page::-webkit-scrollbar-track{background:var(--The-Color5)}}.login-input::selection{background:var(--The-Color1);color:var(--The-Text-Color-White)}.login-input:focus-visible{outline:2px solid var(--The-Color1);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.login-input[dir=rtl]{text-align:right}.login-form-group.error .login-input{border-color:var(--The-Color3)}.login-form-group.error .login-error-message{display:flex}.login-form-group.success .login-input{border-color:var(--The-Color10)}.login-form-group.success .login-success-message{display:flex}[dir=rtl] .login-input{text-align:right}[dir=rtl] .toggle-password{left:12px;right:auto}[dir=rtl] .login-input-icon{left:auto;right:1rem}[dir=rtl] .password-alert{padding-right:.85rem}