.login-page{background-image:url(/images/unsplash_LpbyDENbQQg.png);background-size:cover;background-position:50%;background-attachment:fixed;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;font-family:var(--body-font)}.login-form-container{position:relative;width:440px;background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.6);border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;padding:50px 40px;box-shadow:var(--shadow-big-img);animation:entrance 1.2s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes entrance{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.login-form-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.6s;pointer-events:none}.login-form-container:hover:before{left:100%}.login-word h2{font-size:var(--h1-font-size);color:var(--title-color);text-align:center;margin-bottom:35px;font-family:var(--title-font);font-weight:800;letter-spacing:.5px}.form-group{margin-bottom:25px;width:100%;position:relative}.form-group label{font-size:var(--normal-font-size);color:var(--title-color);font-weight:var(--font-semi-bold);margin-bottom:10px;display:block;padding-right:5px}.email-container,.password-container{position:relative}#email,#password{width:100%;height:55px;background:var(--white-color);border:1px solid var(--container-color);border-radius:12px;font-size:var(--normal-font-size);color:var(--text-color);padding:0 15px 0 50px;outline:none;transition:all .3s ease;font-family:var(--body-font);text-align:right;direction:rtl}#email:focus,#password:focus{background:var(--white-color);border-color:var(--first-color);box-shadow:0 0 0 4px hsla(353,93%,50%,.1)}#email::placeholder,#password::placeholder{color:var(--text-color-light);font-weight:400}.password-toggle{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-color-light);font-size:1.2rem;cursor:pointer;transition:.3s;z-index:5;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:var(--title-color);transform:translateY(-50%) scale(1.1)}button{width:100%;height:55px;background:var(--first-color);color:var(--white-color);border:none;border-radius:12px;font-size:var(--h3-font-size);font-family:var(--title-font);font-weight:700;cursor:pointer;margin-top:15px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}button:hover{background:var(--first-color-alt);transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}button:active{transform:translateY(0)}@media screen and (max-width:500px){.login-form-container{width:100%;margin:0 15px;padding:40px 25px}.login-word h2{font-size:var(--h2-font-size)}#email,#password{height:50px}}[dir=rtl] .login-form-container{text-align:right}