.login-page{

    min-height: auto;

    display: flex;

    align-items: flex-start;

    justify-content: center;

    padding-top: 60px;

    padding-left: 20px;

    padding-right: 20px;

    margin-bottom: -80px;
}

.login-container{

    width: 100%;
    max-width: 460px;

    background: #ffffff;

    border-radius: 32px;

    padding: 50px 40px;

    text-align: center;

    box-shadow:
    0 10px 40px rgba(0,0,0,0.06);
}

.login-logo{

    width: 140px;

    margin-bottom: 10px;
}

.login-subtitle{

    color: #ff6fa5;

    font-size: 15px;

    font-weight: 600;

    margin-bottom: 25px;
}

.login-container h1{

    font-size: 34px;

    color: #222;

    margin-bottom: 14px;
}

.login-description{

    font-size: 15px;

    line-height: 1.8;

    color: #666;

    margin-bottom: 35px;
}

.google-login-btn{

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    width: 100%;

    padding: 16px 20px;

    border-radius: 999px;

    background: #ffffff;

    border: 1px solid #e5e5e5;

    text-decoration: none;

    transition: all 0.3s ease;
}

.google-login-btn:hover{

    transform: translateY(-2px);

    box-shadow:
    0 10px 24px rgba(0,0,0,0.08);
}

.google-icon{

    width: 24px;
    height: 24px;
}

.google-login-btn span{

    color: #333;

    font-size: 15px;

    font-weight: 600;
}

@media(max-width:768px){

    .login-container{

        padding: 40px 24px;

        border-radius: 24px;
    }

    .login-container h1{

        font-size: 28px;
    }
}