.login-container{display:flex;justify-content:center;align-items:center;min-height:90vh;background-color:#eaf2ff}.login-box{background-color:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 10px rgba(0,0,0,.1);width:24rem;max-width:100%;text-align:center;box-sizing:border-box}.login-title{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.login-field{margin-bottom:1rem;text-align:left;width:100%}.login-relative{position:relative;display:flex;flex-direction:column}.login-input-wrapper{position:relative;display:flex;align-items:center;width:100%;box-sizing:border-box}.login-input{width:100%;border:1px solid #ccc;border-radius:.5rem;font-size:1rem;padding:.75rem 2.5rem .75rem .75rem;box-sizing:border-box}.login-icon{position:absolute;right:10px;cursor:pointer;color:gray}.login-forgot{display:block;text-align:right;font-size:.9rem;margin-top:.5rem;color:#3874CE;text-decoration:none}.login-forgot:hover{text-decoration:underline}.login-button{width:100%;background:linear-gradient(90deg,#7839ee,#3874CE,#7fbe8d);color:white;font-weight:700;padding:.75rem;border:none;border-radius:.5rem;cursor:pointer;transition:.3s ease-in-out;margin-top:1rem}.login-button:hover{opacity:.9}.login-text{font-size:.9rem;color:gray;margin-top:1rem}.login-link{color:#3874CE;text-decoration:none}.login-link:hover{text-decoration:underline}.login-activate{margin-top:.75rem;font-size:.9rem;color:#3874CE;text-decoration:none;display:block}.login-activate:hover{text-decoration:underline}