/* Responsive styles for tablets */
@media (max-width: 1024px) {
    
    .container{
        
width: 100%;
        
height: 100%;
        
margin: unset;
        
padding: unset;
        
background: #ffffff;
        
max-width: 100%;
    }
    .form-container {
        padding: 30px;
        max-width: 450px;
        box-shadow: unset;
    }

    .logo {
        font-size: 1.8rem;
        margin-bottom: 25px;
    }

    .form-field {
        margin-bottom: 18px;
    }

    .btn {
        padding: 12px;
        font-size: 1rem;
    }
}

/* Responsive styles for mobile phones */
@media (max-width: 767px) {
    .form-container {
        padding: 20px;
        max-width: 350px;
        height: auto;
    }

    .logo {
        font-size: 1.6rem;
        margin-bottom: 20px;
    }

    .form-field {
        margin-bottom: 15px;
    }

    .form-field label {
        font-size: 0.9rem;
        margin-bottom: 6px;
    }

    .btn {
        padding: 10px;
        font-size: 0.9rem;
    }
}