:root{--color-azure: #2cb1c4;--color-dark-grey-purple: #332d3d;--color-login-button: #418792;--color-white: #ffffff;--color-light-grey: #f0f0f0;--color-grey-placeholder: #888888;--font-poppins: "Poppins", sans-serif}.login-page-wrapper{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-azure);overflow:hidden;position:relative;font-family:var(--font-poppins)}.login-background-fade-shape{position:absolute;bottom:0;right:0;width:100%;height:60%;background:linear-gradient(to top,var(--color-azure) 0%,rgba(255,255,255,.4) 60%,var(--color-white) 100%);clip-path:polygon(0 40%,100% 20%,100% 100%,0% 100%);z-index:1;transform-origin:bottom right}.login-background-top{position:relative;width:100%;height:180px;overflow:hidden;z-index:2;flex-shrink:0;clip-path:ellipse(100% 120% at 50% -50%)}.login-background-image-container{width:100%;height:100%}.login-background-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center bottom}.login-content-area{flex-grow:1;display:flex;justify-content:flex-start;align-items:center;padding:20px 20px 20px 10%;position:relative;z-index:3;background-color:var(--color-azure)}.login-form-container{background-color:#fffffff2;padding:40px 30px;border-radius:15px;box-shadow:0 4px 20px #0000001a;text-align:center;width:100%;max-width:450px;margin-left:0;margin-right:auto}.welcome-text{font-size:2.2rem;font-weight:700;color:var(--color-dark-grey-purple);margin-bottom:10px}.login-heading{font-size:1.8rem;font-weight:600;color:var(--color-dark-grey-purple);margin-bottom:30px}.field{margin-bottom:20px}.field input[type=email],.field input[type=password]{width:calc(100% - 40px);padding:15px 20px;border:1px solid #ccc;border-radius:25px;background-color:var(--color-white);color:var(--color-dark-grey-purple);font-size:1.1rem;font-family:var(--font-poppins);outline:none;transition:border-color .3s ease}.field input[type=email]::placeholder,.field input[type=password]::placeholder{color:var(--color-grey-placeholder);font-size:1.1rem;line-height:1}.field input[type=email]:focus,.field input[type=password]:focus{border-color:var(--color-login-button)}.form__message{color:red;font-size:.9rem;margin-top:5px;display:block;text-align:left;margin-left:20px}.login-button{width:100%;padding:15px 20px;background-color:var(--color-login-button);color:var(--color-white);border:none;border-radius:25px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;margin-top:10px;font-family:var(--font-poppins)}.login-button:hover{background-color:#366d77;transform:translateY(-2px)}.forgot-password-link{display:block;margin-top:20px;color:var(--color-azure);text-decoration:none;font-size:1rem;transition:color .3s ease}.forgot-password-link:hover{color:var(--color-login-button)}.signup-text{margin-top:30px;color:var(--color-dark-grey-purple);font-size:1rem}.signup-link{color:var(--color-dark-grey-purple);text-decoration:none;font-weight:600;transition:color .3s ease}.signup-link:hover{color:var(--color-azure)}@media (max-width: 768px){.login-background-top{height:150px;clip-path:ellipse(100% 110% at 50% -40%)}.login-background-fade-shape{height:50%;clip-path:polygon(0 50%,100% 20%,100% 100%,0% 100%)}.login-content-area{justify-content:center;padding-left:20px}.login-form-container{margin:auto}.welcome-text{font-size:1.8rem}.login-heading{font-size:1.5rem}.field input{font-size:1rem;padding:12px 15px}.field input::placeholder{font-size:1rem}.login-button{font-size:1.1rem;padding:12px 15px}.forgot-password-link,.signup-text,.signup-link{font-size:.9rem}}@media (max-width: 480px){.login-background-top{height:120px;clip-path:ellipse(100% 105% at 50% -35%)}.login-background-fade-shape{height:45%;clip-path:polygon(0 55%,100% 25%,100% 100%,0% 100%)}.login-form-container{padding:25px 15px;margin:15px}.welcome-text{font-size:1.6rem}.login-heading{font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/login-page.css.map */